vue中的vue-cli 解决及配置 proxyTable pathRewrite

在开发中需要用到vue-cli中的proxyTable模块时错误解决
vue中的vue-cli 解决及配置 proxyTable pathRewrite_第1张图片
在这里插入图片描述
vue中的vue-cli 解决及配置 proxyTable pathRewrite_第2张图片
上面可能是本人配置时的错误以及提示,解决方法
vue中的vue-cli 解决及配置 proxyTable pathRewrite_第3张图片

vue-config-index.js中,ProxyTable模块中设置了‘/api’,target中设置服务器地址,也就是接口的开头那段地址,例如‘172.0.0.1’,然后我们在调用接口的时候,就可以全局使用‘/api’,这时候‘/api’的作用就相当于‘172.0.0.1’,比如接口的地址是‘172.0.0.1/user/info’,我们就可以使用‘/api/user/info’,changeOrigin为true,本地就会虚拟一个服务替我们接受或转发请求,这样就不会有跨域的问题了。
pathRewrite这里的作用,相当于是替代‘/api’,如果接口中是没有api的,那就直接置空,就像我截图的一样,如果接口中有api,那就得写成{‘^/api’:‘/api’},可以理解为一个重定向或者重新赋值的功能。

你可能感兴趣的:(vue,vue-cli,vue,分析)