你如何从本地主机发送跨源请求？

Question

我的前端在 localhost:8080 上运行，我的服务器在 localhost:3000 上运行。我想从我的前端向服务器发送请求。当我这样做时，我收到以下错误：

从源“ http://localhost:8080 ”访问“localhost:3000/create-sharable-url”的 XMLHttpRequest已被 CORS 策略阻止：跨源请求仅支持协议方案：http、数据、chrome、chrome - 扩展，https。

我使用的是 http 协议，为什么会出现这个错误？

我正在尝试从localhost协议中发出请求，因此该错误使我认为这是不可能的。但另一方面，在开发模式下从客户端向服务器发送请求似乎是一个非常普遍的需求。

谷歌搜索似乎指向我在响应中设置 CORS 标头的方向。我已经在我的服务器上设置了标头（使用cors npm 包），但我想无论如何我都会试一试。不过对我没用。该访问控制允许来源：*浏览器扩展程序没有工作，也没有与禁用网络安全标志运行Chrome。

客户端JS

createSharableEquityCalculatorURL: function (storeState) {
  let data = this._constructEquityCalculatorData(storeState);

  return Vue.axios.post(`${process.env.BASE_API_URL}/create-sharable-url`, data);
},

Answer 1

它说“在 'localhost:3000/create-sharable-url 访问 XMLHttpRequest ”这一事实让我觉得在你的 JS 中你忘记了放在http://目标 URL 的开头。

在你的代码中完整地写出来，即 http://localhost:3000/create-sharable-url