大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。
Jetbrains全系列IDE稳定放心使用
声明一个名为axiostest.js 的文件
//引入axios
import axios from 'axios';
//创建一个axios
export let axios1 = axios.create({
//设置baseURL是为了之后做代理
baseURL: '/api1',
timeout: 5000
});
//创建第二个axios
export let axios2 = axios.create({
baseURL: '/api2',
timeout: 5000
});
配置vue.config.js
module.exports = {
publicPath: './',
productionSourceMap: true,
devServer:{
// 这里填IP地址
host: "192.168.666.666",,
port: 8080,
open: true, //浏览器自动打开页面
proxy: {
//第一个代理,这里的/api1和/api2就对应了第一步的 baseURL
"/api2": {
target: "https://www.666.com",//只要是以/api2开头的链接都会被代理到 这个target属性所代表的位置(我这里是:https://www.666.com)
ws: false,
changeOrigin: true,
cookieDomainRewrite: {
"*": ""
},
cookiePathRewrite: {
"*": ""
},
pathRewrite: {
"^/api2": "" //这里是将/api2替换为空字符串“” ,也就是删除的意思
}
},
//第二个代理
"/api1/": {
target: "http://www.888.com",
ws: false,
changeOrigin: true,
cookieDomainRewrite: {
"*": ""
},
cookiePathRewrite: {
"*": ""
},
pathRewrite: {
"^/api1": ""
}
}
}
}
}
配置成功后使用
<script>
//毫无疑问,先引入
import { axios1, axios2 } from '@/libs/axiostest.js'
export default {
name:'AxiosTest1',
mounted(){
this.getMooc();
this.hotwords();
},
methods:{
getMooc(){
axios1.get('/products',{
params:{
categoryId: 100012
}
}).then((data)=>console.log('data',data))
},
hotwords(){
axios2.post('/search/hotwords').then((data)=>console.log('hotwords',data))
}
}
}
</script>
访问成功,happy的很,如果有用一键三连
发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/187238.html原文链接:https://javaforall.cn
【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛
【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...