如何解决“重定向已被 CORS 策略阻止：没有 'Access-Control-Allow-Origin' 标头”？

Question

我正在使用 Vue js 开发一个应用程序。

根据我的设置，我需要在设置更改时将变量传递给我的 URL。

<!-- language: lang-js -->

    $.get('http://172.16.1.157:8002/firstcolumn/' + c1v + '/' + c1b, function (data) {
      // some code...
    });

但是当我的应用点击 URL 时，它会显示以下消息。

Failed to load http://172.16.1.157:8002/firstcolumn/2017-03-01/2017-10-26: Redirect from 'http://172.16.1.157:8002/firstcolumn/2017-03-01/2017-10-26' to 'http://172.16.1.157:8002/firstcolumn/2017-03-01/2017-10-26/' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8080' is therefore not allowed access.

原文由 Parkar 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

除了 awd 提到的让负责服务器的人员重新配置（本地开发的不切实际的解决方案）之外，我还使用了一个 change-origin chrome 插件，如下所示：

Moesif Orign & CORS 转换器

您可以使您的 local dev server (ex: localhost:8080) 看起来来自 172.16.1.157:8002 or any other domain 。

原文由 altShiftDev 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

谢谢大家，我通过 chrome 上的这个扩展解决了。

允许 CORS：访问控制允许来源

原文由 Parkar 发布，翻译遵循 CC BY-SA 4.0 许可协议