sockjs-node Cross-Origin Request Blocked 警告在终止 webpack 后使用 Ctrl+C 运行 Vue.js

Question

使用 Django 和 Vue.js 进行应用。 我在 https://localhost:8000 上运行网站，在端口 8080 上运行前端作为本地 https 网格实例。 在设置标头之前，对于每个 HTTP 请求，我都会收到这种类型的 CORS 错误：

跨域请求被阻止：同源策略不允许读取https://u-redwood-testapplicationfrontend.grid.locked.com:8080/sockjs-node/info?t=1594916128605处的远程资源。 （原因：CORS 请求没有成功）。 [学到更多]

通过在 webpack 配置文件中附加以下标头来解决此问题：

headers: {
   "Access-Control-Allow-Origin" : "*",
   "Access-Control-Allow-Methods": "GET, POST, PUT, DELETE",
},

我还添加了带有密钥、证书和证书颁发机构的 https。

在此之后，错误基本上消失了。 但是，每当我 Ctrl+C 我的开发服务器时，我都会以 1-2-4-8-16-32-64-128-... 秒为增量收到上述错误，如下所示：

[WDS] 断线！

跨域请求被阻止：同源策略不允许读取https://u-redwood-testapplicationfrontend.grid.locked.com:8080/sockjs-node/info?t=1594916128605处的远程资源。 （原因：CORS 请求没有成功）。 [学到更多]

跨域请求被阻止：同源策略不允许读取https://u-redwood-testapplicationfrontend.grid.locked.com:8080/sockjs-node/info?t=1594916128605处的远程资源。 （原因：CORS 请求没有成功）。 [学到更多]

跨域请求被阻止：同源策略不允许读取https://u-redwood-testapplicationfrontend.grid.locked.com:8080/sockjs-node/info?t=1594916128605处的远程资源。 （原因：CORS 请求没有成功）。 [学到更多]

这是正常行为吗？ 这是 CORS 发送的某种 Keep-Alive 吗？

任何帮助，将不胜感激。

谢谢！

Answer 1

对我来说，运行npm run build / vue-cli-service build然后重新启动serve进程可以解决这个问题。

在切换我正在工作的网络时，这似乎发生在我身上——虽然不完全确定解释是什么。