使用 Ctrl+C 终止运行 Vue.js 的 webpack 后，sockjs-node 跨域请求阻止警告

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进程可以解决此问题。

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