Vue配置proxy代理,但接口报错2007 bad domain

1、排查proxy代理配置是否有误

排查 proxyTable 对象中配置的 target 是否正确。若正确,那可能就是请求头的问题。

无特殊配置的情况下,请求头是这样子的:

Vue配置proxy代理,但接口报错2007 bad domain_第1张图片

Host 和 Referer 是本地地址,如果后端增加  CSRF 防御机制,对请求头 Origin/Referer 进行校验。那么就会报错:2007 bad domain

2、修改 headers 中的 Origin 和 Referer 规避校验

'/api': {
        target: process.env.VUE_APP_API_BASE_URL,
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        },
        headers: {
          // 后端增加 CSRF 防御机制,对请求头 Origin/Referer 进行校验,开发模式下 devServer 的代理需要修改 Origin/Referer 规避校验
          Origin: process.env.VUE_APP_DEV_FAKE_ORIGIN,
          Referer: process.env.VUE_APP_DEV_FAKE_ORIGIN
}

重新启动项目,就正常了~~

你可能感兴趣的:(Vue1.x和Vue2.x,Vue3.x,Webpack,前端,javascript,vue.js)