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

let it go123

已于 2024-04-08 11:46:29 修改

阅读量4.5k

点赞数 15

分类专栏：前端文章标签： vue.js 前端 javascript

于 2024-01-29 13:54:08 首次发布

本文链接：https://blog.csdn.net/qq_34718221/article/details/135910807

版权

前端专栏收录该内容

17 篇文章

订阅专栏

文章讲述了在更新登录加密方法后，遇到403InvalidCORSrequest的问题。作者提供了两种解决方案：一是通过在devServer的proxy配置中删除origin头，二是设置特定的headers，包括host和origin。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近和后端一起修改登录加密方法后，之前正常的接口突然报错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://***'
        },
      }
    }
  }