配置跨域

1.在vue- cli根目录下创建vue.config.js在devServer下配只proxy代码如下

module.exports = {
  devServer: {
    open: true,
    host: 'localhost',
    port: 8080,
    https: false,
    //以上的ip和端口是我们本机的;下面为需要跨域的
    proxy: {//配置跨域
      '/api': {
        target: 'http://127.0.0.1:5000/',//这里后台的地址模拟的;这里最好使用公共地址
        ws: true,
        changOrigin: true,//允许跨域
        pathRewrite: {
          '^/api': ''//请求的时候使用这个api就可以写公共地址后的地址
        },
        logLevel: 'debug' // 用于检查代理的真实地址
      }
    }
  }
}

注意 配置完vue.config.js后重启项目才会生效