vue cli 中反向代理配置跨域

在vue-cli进行跨域，使用反向代理进行跨域

1.在项目的根目录下建一个vue.config.js文件

module.exports = {
    //如果要反向代理多个api就写在第一个或第二个api的上面
    //devServer配置开发环境服务
    devServer{
        open:true ; //项目运行后自动打开
        port:8001 ; //设置端口号可设可不设
        //使用proxy代理的意思,配置反向代理解决跨域问题
        proxy:{
            "/sa":{//sa自定义属性
                //target需要代理跨域的域名
                target:"",
                //changeOrigin是否跨域
                changeOrigin:true,
                pathRewrite:{
                   //这里的api要和上面的名字一致，：后面可以加/也可以不加，加/默认访问api.一般不加
                    "^/sa":"/"
         }
                
       }
     }
  }
}

注意：如果修改了vue.config.js配置文件要重新启动项目。