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

  1. 打开项目根目录下 config/index.js
  2. 加入如下代码
    在这里插入图片描述
    代码:
proxyTable: {
  '/ZHU': {
    target: 'http://121.40.246.215/', //地址
    changeOrigin: true, //开启代理
    //路径重写
    pathRewrite: {
      '^/ZHU': ''
    },
  },
},
  1. 在请求地址前面加入第二步配置的名称,例如我配置的是/ZHU,我的请求地址就是/ZHU/接口名,在请求时,系统会自动把/ZHU转换成http://121.40.246.215/
  2. 最后请求接口 只要接口没有返回404就代表请求成功,如果还是显示跨域(Access-Control-Allow-Origin错误)查看自己的bypass请求头是否按照别人的地址写对了
  3. 3.0的配置和2有区别,3.0没有config文件夹,直接在根目录添加文件vue.config.js,代码如下
    在这里插入图片描述

版权声明:本文为weixin_44217710原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。