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 }