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