vue 设置请求代理实现跨域请求

vue-cli3（cli3 文件中没有vue.config.js ，进行额外的配置）

本地项目调后台接口，会跨域，为了解决这个问题 进行代理配置

需要新建vue.config.js 

vue.config.js 中

devServer: {
    disableHostCheck: true,//禁用主机检查 这个属性需要再查查用法
    proxy: { //匹配规则
      '/api': {
          //要访问的跨域的域名
          target: 'http://172.16.8.51:8083',
          ws: true,
          secure:false, // 使用的是http协议则设置为false，https协议则设置为true
          changOrigin: true, //开启代理
          pathRewrite: {
              '^/api': ''
          }
      }
    }
  }

　　

 

　　调用 /api 就会自动匹配到 http://172.16.8.51:8083

const url = '/api/login';
  post(url)

　　

　　因为用了规则匹配，所以当项目合版的时候 会造成接口地址多一个api，需要协调后台在接口上统一添加 /api 目前我还没找到解决的方案，如果有同学想到了 可以留言告诉我 学习一下 谢谢大佬们