Vue-cli中webpack设置proxy(代理)解决跨域的问题
背景:最近私活开发的时候,后台用的tp框架,sessionId加密作为token,我请求获取后再携带请求接口会提示token无效(不存在),根据经验推断可能是跨域造成的(后台对跨域已经做了处理)。解决方法:由于使用的是vue-cli脚手架,所以采用webpack中的proxy方法(代理解决跨域)config/index.js文件中配置dev对象中的proxyTable对象'/test’...
·
背景:
最近私活开发的时候,后台用的tp框架,sessionId加密作为token,我请求获取后再携带请求接口会提示token无效(不存在),根据经验推断可能是跨域造成的(后台对跨域已经做了处理)。
解决方法:
由于使用的是vue-cli脚手架,所以采用webpack中的proxy方法(代理解决跨域)
- config/index.js文件中配置dev对象中的proxyTable对象
'/test’对象属性 是接口地址中统一名称的路径(比如项目名称)(如果接口地址没有统一名称,自行在接口地址中加上一个统一名称,然后在pathRewrite中对其去掉
'target’属性 是接口域名地址
'changeOrigin’属性 是跨域设置
'pathRewrite’属性 可以对路径重写
2.设置自己的api接口地址
更多推荐
已为社区贡献1条内容
所有评论(0)