Vue js、axios GET localhost > cors 策略“访问 XMLHttpRequest”

如何解决Vue js、axios GET localhost > cors 策略“访问 XMLHttpRequest”

我有一个小问题... 我尝试从我的服务器获取一个简单的 json 文件进行测试（不是真正的 API）。

我使用 VueJS 和 axios。

我的代码：

getServicesAPI() {
      axios.get("http://51.91..../dist/API/Services.json").then((response) => {
        console.log(response.data);
      });

错误信息是： 从源 'http://localhost:8080' 访问 XMLHttpRequest at 'http://51.91..../dist/API/Services.json' 已被 CORS 策略阻止：没有 'Access-Control-请求的资源上存在 Allow-Origin' 标头。

你能帮我吗？ 预先非常感谢您。

解决方法

这是说您要连接的服务器不允许您发出此请求。

您可以更新服务器以允许 CORS，或代理请求。 在开发过程中，可以按照 devServer.proxy docs here

添加代理