新的 vue cli 項目中出現奇怪的 CORS 錯誤

Question

我剛剛開始構建我的第二個 Vue 項目，並且第一次我想使用 Vue CLI 和 NPM，而不僅僅是通過 CDN 加載 Vue。 安裝 CLI 並設置項目沒有問題，但是當我運行“npm run serve”並在我的瀏覽器（最新的 Firefox）中導航到 localhost:8080 以查看它是否有效時，我在瀏覽器控制台中收到以下錯誤消息多次：

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://10.126.86.51:8080/sockjs-node/info?t=1584021154635. (Reason: CORS request did not succeed).

加載頁面后，我也立即收到此錯誤消息：

[WDS] Disconnected!

有誰知道這些錯誤是什么意思，為什么我會得到它們以及如何擺脫它們？ 第一個似乎與應用程序使用主機的實際 IP 而不是 localhost 進行的某種跨域調用有關，但我想不出任何原因，因為我只是安裝並提供服務示例項目，在運行“vue create”后沒有改變任何東西

編輯：我在 Ubuntu 19.10 桌面上

Answer 1

首先，您正在使用哪種操作系統？ 如果您在基於 Unix 的系統上工作，則服務（如 nginx）可能會產生此錯誤。 如果是這樣，請嘗試停止它。

之后我會嘗試從 vue ui 運行您的應用程序。

輸入您的終端：

vue ui

這將啟動 vue cli 的基於 Web 的圖形用戶界面。 您可以通過啟動您的服務並運行您的構建命令來處理您的應用程序開發。

注意：您必須將您的項目（根文件夾）添加（導入，而不是創建）到 UI。

如果您在瀏覽器控制台中遇到相同的錯誤，請設置一個 vagrant 框。 這里解釋了第一步：

https://www.vagrantup.com/intro/getting-started/

按照說明進行項目設置。

最簡單的方法是運行

vagrant init

在您的項目文件夾中。 因此，您不必設置新項目。

運行init命令后，嘗試運行

npm run serve

或者使用 vue UI 代替（如上所述），如果您願意的話。

如果問題仍然存在，有關您的操作系統的更多信息會有所幫助。