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

Posted 2023-02-22

【中文标题】使用 Ctrl+C 终止运行 Vue.js 的 webpack 后，sockjs-node Cross-Origin Request Blocked 警告

【英文标题】：sockjs-node Cross-Origin Request Blocked warnings after terminating webpack running Vue.js with Ctrl+C

【发布时间】：2020-11-06 17:01:12

【问题描述】：

在应用程序中使用 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 吗？

任何帮助将不胜感激。

谢谢！

【参考方案1】：

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

切换我正在工作的网络时似乎发生了这种情况 - 但不完全确定解释是什么。