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

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

  1. config/index.js文件中配置dev对象中的proxyTable对象在这里插入图片描述
    '/test’对象属性 是接口地址中统一名称的路径(比如项目名称)(如果接口地址没有统一名称,自行在接口地址中加上一个统一名称,然后在pathRewrite中对其去掉
    'target’属性 是接口域名地址
    'changeOrigin’属性 是跨域设置
    'pathRewrite’属性 可以对路径重写
    2.设置自己的api接口地址
    在这里插入图片描述
  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值