溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這期內容當中小編將會給大家帶來有關vue項目如何配置同一局域網實現ip訪問，文章內容豐富且以專業的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。
1、檢查 package.json文件，scripts.dev設置 host改成 "0.0.0.0"
2、config文件中找到 index.js 文件的host改成 "0.0.0.0"
此處的"0.0.0.0"可以改成自己的ip，重啟項目就可以了
補充知識：@vue/cli創建項目報錯ERROR Failed to get response from /vue-cli-version-marker的解決方案
今天他們遇到一個很有意思的bug，用@vue/cli創建項目的時候報錯了，還是個從來沒見過的報錯：
一開始以為是版本問題，畢竟報錯信息上寫著update，但是cli的版本是最新的，而且詢問之后，node和npm版本也是最新的（12.16.1，截止我寫這篇文章的時候是最新的）；最要命的是，也沒有老版本的vue-cli……
這就非常有意思了。按照慣例，遇到前端的問題，第一反應就是卸載重裝，一套操作行云流水：
npm uninstall -g @vue/cli npm cache clean --force npm install -g @vue/cli
然而并沒有什么用，查了半天網上也找不到相關的報錯，這就很尷尬了。
后來我注意到下面有個yarn的輸出，難道cli內建的是yarn？但是這不應當：
雖然覺得很不可思議，但我還是決定看看yarn的版本，yarn有重大嫌疑。果然：
問題找到了。但是這是啥？Hadoop？
后來才想起來，yarn同時也是Hadoop的一部分，用來調度資源的：
從環境變量里移除Hadoop的yarn之后，就能正常創建項目了。
但是我還有一個問題沒有解決，為什么cli會使用yarn？我這里的cli用的是npm啊。對比~/.vuerc之后，發現我這里的配置是這樣的：
{
// ...
"packageManager": "npm"
}他那里的配置是：
{
// ...
"packageManager": "yarn"
}上述就是小編為大家分享的vue項目如何配置同一局域網實現ip訪問了，如果剛好有類似的疑惑，不妨參照上述分析進行理解。如果想知道更多相關知識，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
