解决vue本地开发接口报错Invalid CORS request

文章讲述了在更新登录加密方法后,遇到403InvalidCORSrequest的问题。作者提供了两种解决方案:一是通过在devServer的proxy配置中删除origin头,二是设置特定的headers,包括host和origin。
摘要由CSDN通过智能技术生成

最近和后端一起修改登录加密方法后,之前正常的接口突然报错403 Invalid CORS request

如下配置去除发送origin后正常

devServer: {
    proxy: {
      '/api/': {
        target: 'http://***/',
        changeOrigin: true, // 这个无效
        router: function(req) {
          delete req.headers.origin // 加上这个有效
        },
      }
    }
  }

不行还可以试试这样:

devServer: {
    proxy: {
      '/api/': {
        target: 'http://***/',
        changeOrigin: true,
        headers: {
          host: '***', // 和转发url一样 host不带协议头 origin带上
          origin: 'http://***'
        },
      }
    }
  }

  • 10
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值