Vue-cli中webpack设置proxy(代理)解决跨域的问题

背景:
最近私活开发的时候,后台用的tp框架,sessionId加密作为token,我请求获取后再携带请求接口会提示token无效(不存在),根据经验推断可能是跨域造成的(后台对跨域已经做了处理)。
解决方法:
由于使用的是vue-cli脚手架,所以采用webpack中的proxy方法(代理解决跨域)

  1. config/index.js文件中配置dev对象中的proxyTable对象Vue-cli中webpack设置proxy(代理)解决跨域的问题_第1张图片
    '/test’对象属性 是接口地址中统一名称的路径(比如项目名称)(如果接口地址没有统一名称,自行在接口地址中加上一个统一名称,然后在pathRewrite中对其去掉
    'target’属性 是接口域名地址
    'changeOrigin’属性 是跨域设置
    'pathRewrite’属性 可以对路径重写
    2.设置自己的api接口地址
    Vue-cli中webpack设置proxy(代理)解决跨域的问题_第2张图片

你可能感兴趣的:(工作经验)