Question

我正在本地运行的Vue.js（v2.5.16）应用程序上，该应用程序请求驻留在另一台服务器（例如https://example.com）上的资源（例如/gateway/login）。我在proxyTable中设置了config/index.js，以将请求代理到服务器，如下所示：

module.exports = {
    dev: {
        proxyTable: {
            '/gateway': {
                target: 'https://example.com',
                changeOrigin: true
            }
        }
        ...
    }
    ...
}

由于服务器未启用CORS，因此我的Chrome开发者控制台中出现以下错误：

从原点“ https://example.com/gateway/login”到“ http://localhost:9002/gateway/login”（重定向自“ http://localhost:9002”）对XMLHttpRequest的访问已被CORS策略阻止：无“访问控制允许原点”标头出现在请求的资源上。

我无法控制服务器，因此无法在其上启用CORS。是否可以通过为开发环境更改config/index.js文件来解决此问题？

我了解可以使用Chrome扩展程序解决此问题，但是我更喜欢对config/index.js文件进行更改。

我已经阅读了关于stackoverflow的相关文章以及http://vuejs-templates.github.io/webpack/proxy.html和https://github.com/chimurai/http-proxy-middleware中的参考，但是没有找到适合我的解决方案。我在前端编程方面没有很多经验，所以任何帮助将不胜感激！预先感谢！

Vue.js中的CORS问题

0 个答案: