大家好,又见面了,我是你们的朋友全栈君。
//引入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
});
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>
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/187238.html原文链接:https://javaforall.cn