Vue.js中的CORS问题

时间:2019-03-22 20:11:12

标签: javascript node.js vue.js webpack cors

我正在本地运行的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.htmlhttps://github.com/chimurai/http-proxy-middleware中的参考,但是没有找到适合我的解决方案。我在前端编程方面没有很多经验,所以任何帮助将不胜感激!预先感谢!

0 个答案:

没有答案