做抢红包app时,本地连接后端本地接口,浏览器报跨域错误。经过搜索,找到了如下解决方案(vue2.0,目前只针对开发环境)1.config/index.js文件中的ProxyTable,添加如下配置2.请求接口的相关代码3.npm启动命令重新启动项目。地址是http://xxx。那么拼接的接口就是/hello/a,在proxyTable的设置中有规定。当接口请求地址包含/hello时,接口地址为xxx="http://xxx/hello/ahello只是一个标识,我们真正需要的是http://xxx/v1/apathRewrite规定的。当遇到/hello,换成/v1,所以得到http://xxx/v1/apathRewrite,经过测试,个人感觉同样的字符串有个默认值,就是如果不写pathRewrite属性,是pathRewrite:{'^/hello':'/hello'}而不是pathRewrite:{'^/hello':''}所以,我们可以简化写法,不用多余的名字hello请求接口统一为axios.defaults.baseURL='/v1'//后台本地proxyTable设置为proxyTable:{'/v1':{//要代理的接口名称target:'http://192.168.10.175',//待代理接口地址changeOrigin:true,//允许跨域}},参考地址:https://www.cnblogs.com/hangu...
