Vue webpack配置跨域的基本配置和问题的注意

开发十年，就只剩下这套架构体系了！ >>>   

1，首先进行一个ProxyTable的一个配置，如下图《正确的配置》

 

2、将这个配置的文件导入进config/index.js

let proxyConfig = require('./proxyConfig')

proxyTable: proxyConfig.proxyList,
 

3、接口里的URL地址设置

 

 

 

注意事项：

这里需要注意的是配置代理的别名，别名注意不要使用驼峰，不要使用驼峰，不要使用驼峰，重要的事说三遍，根据测试首字母大写是可以的，

下面那个pathRewrite里面的代理别名根据情况进行置空或做其他操作，

代理别名basesamples千万不能和路由的地址有重复，不能重复，不能重复，三遍额，如果重复了，你跨域是解决了，但是你刷新的时候，就会报404，这是因为这里代理截止把你的那个路由里的basesamples这个单词置空了所以就找不到了。