javascript - 如何解决 'Redirect has been blocked by CORS policy: No ' Access-Control-Allow-Origin' header'？

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.

Answer 1

除了 awd 提到的让负责服务器的人重新配置(本地开发的不切实际的解决方案)之外，我还使用了一个像这样的 change-origin chrome 插件:

Moesif Orign & CORS Changer

您可以让您的本地开发服务器(例如:localhost:8080)看起来像是来自172.16.1.157:8002 或任何其他域。