首页 > 其他 > 详细

vue跨域处理

时间:2019-11-20 13:09:04      阅读:73      评论:0      收藏:0      [点我收藏+]

本人对于vue跨域处理流程不是很清楚,特此理顺一遍。

1.在config中进行配置,该文件不是都存在,需要自己建;

技术分享图片

 

 

 

module.exports = {
  publicPath: ‘/‘,
  devServer: {
    proxy: {
      ‘/face‘: {
        target: ‘http;127.0.0.1:8080/‘, //对应自己的接口
        changeOrigin: true,
        ws: true,
        pathRewrite: {
          ‘^/face‘: ‘‘
        }
      },
    }
  }
}

2.在main.js中设置基本的url

技术分享图片

 

 

 这样在请求的时候,在请求的URL前加入‘/face‘,

3.请求

 1 axios.get("/api/v1/face", {
 5    headers: {
 6    ‘Accept‘: ‘application/x-www-form-urlencoded‘,
 7    ‘Content-Type‘: ‘application/json‘,
 8    }
 9    }).then(function(res) {
10                  
11    });

问题:但是该跨域只对其中一个接口起作用,其余接口则报404错误,至今也不知道为啥

vue跨域处理

原文:https://www.cnblogs.com/peilin-liang/p/11896243.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!