以前用的方法现在都过不去了,差点放弃。幸运的是,我终于解决了~1。之前使用的有效方法是在vue.config.js中配置的。具体配置位置如下:devServer:{port:端口,open:true,overlay:{warnings:false,errors:true},//newstart,注意proxy,不是proxyTableproxy:{//对应VUE_APP_BASE_APIin.env.development[process.env.VUE_APP_BASE_API]:{//需要一个跨域的域名,对应.env.development中的VUE_APP_BASE_DOMAINtarget:process.env.VUE_APP_BASE_DOMAIN,//这个必须加上才能使跨域请求。我不记得我之前测试过它是否必须添加changeOrigin:true,pathRewrite:{['^'+process.env.VUE_APP_BASE_API]:''}}}//新添加结束//before:require('./mock/mock-server.js')//mockdatalogout},2.现在实现全局代理跨域proxyStep1,配置.env.development声明一个全局变量VUE_APP_BASE_DOMAIN='http://xxx.com'作为后台域名#baseapiVUE_APP_BASE_API='/wapi'BACKGROUND_APPLICATION_URL='http://www.xxx.com'Step2、配置vue.config.js在devServer下创建一个新的代理对象如下,就是那个简单:devServer:{端口:端口,打开:真,覆盖:{警告:假,错误:真},代理:{'/wapi':{target:process.env.BACKGROUND_APPLICATION_URL}},//注释掉模拟虚拟请求//before:require('./mock/mock-server.js')},
