VUE cli2和3.0 配置代理处理跨域

最新推荐文章于 2023-08-20 18:06:55 发布

ICE--

最新推荐文章于 2023-08-20 18:06:55 发布

阅读量233

点赞数

分类专栏：个人学习

本文链接：https://blog.csdn.net/weixin_44217710/article/details/114882898

版权

个人学习专栏收录该内容

7 篇文章 0 订阅

订阅专栏

打开项目根目录下 config/index.js
加入如下代码

代码：

proxyTable: {
  '/ZHU': {
    target: 'http://121.40.246.215/', //地址
    changeOrigin: true, //开启代理
    //路径重写
    pathRewrite: {
      '^/ZHU': ''
    },
  },
},

在请求地址前面加入第二步配置的名称，例如我配置的是/ZHU，我的请求地址就是/ZHU/接口名，在请求时，系统会自动把/ZHU转换成http://121.40.246.215/
最后请求接口只要接口没有返回404就代表请求成功，如果还是显示跨域（Access-Control-Allow-Origin错误）查看自己的bypass请求头是否按照别人的地址写对了
3.0的配置和2有区别，3.0没有config文件夹,直接在根目录添加文件vue.config.js，代码如下