Vue中axios跨域问题

//vue.config.js写法: 1 module.exports = {
 2     lintOnSave:false,
 3     devServer:{
 4         port:8081,
 5         proxy: {
 6             "/api": { // /api 匹配项,匹配拦截;
 7                 target: "http://localhost:8080", //被请求的地址,需要被代理的地址
 8                 changeOrigin: true,//允许跨域
 9                 pathRewrite: {
10                     "^/api": "" //重写配置,被代理的接口会多一个‘/api’的前缀,而原本的接口是没有的,所以需要通过此项来将接口的前缀‘/api’转换为‘’
11                 }
12             }
13         }
14     }
15 } 

// service.js写法:
1 export async function doSomething(){
2 // 使用axios代理,需要使用vue.config.js文件 3 // var resp = await axios.get("/api/项目名称/servlet路径"); 4 var resp = await axios.get("/api/mmybatis/user.do"); 5 return resp; 6 }

 

posted @ 2020-11-21 22:00  阿部由佳  阅读(147)  评论(0编辑  收藏  举报