如何通过获取请求修复 CORS 策略问题？

Question

请帮我解决 CORS 政策问题，它发生在我尝试向应用程序端点发出获取请求时，并且问题只能从 http://localhost:8080/ 在产品请求上重现。

vue.config.js 文件

 module.exports = { devServer: { proxy: 'https://spinstatus.zenoss.io/' } }

请求方法

 const grabApps = async () => { const res = await axios({ method: 'get', url: `${spinnakerURL}/gate/applications`, withCredentials: false, crossdomain: true, headers: { 'Access-Control-Allow-Origin': '*', } }); return res.data || [] }

错误

来自本地主机请求的标头

来自 prod 请求的标头

Answer 1

像这样更改 vue.config.js 中的vue.config.js配置：

module.exports = {
  devServer:
  {
    proxy:
    {
      '/gate':
      {
        target: 'https://spinstatus.zenoss.io',
        changeOrigin: true,
        onProxyReq: (proxyReq, req, res, options) =>
        {
          proxyReq.setHeader('Origin', 'https://spinstatus.zenoss.io');
        }
      }
    }
  }
};