vue項(xiàng)目配置同一局域網(wǎng)可使用ip訪問的操作
1、檢查 package.json文件，scripts.dev設(shè)置 host改成 "0.0.0.0"
2、config文件中找到 index.js 文件的host改成 "0.0.0.0"
此處的"0.0.0.0"可以改成自己的ip，重啟項(xiàng)目就可以了
補(bǔ)充知識：@vue/cli創(chuàng)建項(xiàng)目報(bào)錯ERROR Failed to get response from /vue-cli-version-marker的解決方案
今天他們遇到一個(gè)很有意思的bug，用@vue/cli創(chuàng)建項(xiàng)目的時(shí)候報(bào)錯了，還是個(gè)從來沒見過的報(bào)錯：
一開始以為是版本問題，畢竟報(bào)錯信息上寫著update，但是cli的版本是最新的，而且詢問之后，node和npm版本也是最新的（12.16.1，截止我寫這篇文章的時(shí)候是最新的）；最要命的是，也沒有老版本的vue-cli……
這就非常有意思了。按照慣例，遇到前端的問題，第一反應(yīng)就是卸載重裝，一套操作行云流水：
npm uninstall -g @vue/cli npm cache clean --force npm install -g @vue/cli
然而并沒有什么用，查了半天網(wǎng)上也找不到相關(guān)的報(bào)錯，這就很尷尬了。
后來我注意到下面有個(gè)yarn的輸出，難道cli內(nèi)建的是yarn？但是這不應(yīng)當(dāng)：
雖然覺得很不可思議，但我還是決定看看yarn的版本，yarn有重大嫌疑。果然：
問題找到了。但是這是啥？Hadoop？
后來才想起來，yarn同時(shí)也是Hadoop的一部分，用來調(diào)度資源的：
從環(huán)境變量里移除Hadoop的yarn之后，就能正常創(chuàng)建項(xiàng)目了。
但是我還有一個(gè)問題沒有解決，為什么cli會使用yarn？我這里的cli用的是npm啊。對比~/.vuerc之后，發(fā)現(xiàn)我這里的配置是這樣的：
{
// ...
"packageManager": "npm"
}
他那里的配置是：
{
// ...
"packageManager": "yarn"
}
后來聽他說，他第一次安裝cli的時(shí)候，好像選的是yarn……
以上這篇vue項(xiàng)目配置同一局域網(wǎng)可使用ip訪問的操作就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了vue中bus的相關(guān)使用以及涉及到的問題與解決,文中的示例代碼簡潔易懂,感興趣的小伙伴可以跟隨小編一起了解一下2023-08-08
vue項(xiàng)目移動端實(shí)現(xiàn)ip輸入框問題
這篇文章主要介紹了vue項(xiàng)目移動端實(shí)現(xiàn)ip輸入框問題，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-03-03
這篇文章主要介紹了Vue項(xiàng)目如何關(guān)閉語法檢查問題,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-04-04
Vue3中動態(tài)修改樣式與級聯(lián)樣式優(yōu)先順序圖文詳解
在項(xiàng)目中,我們時(shí)常會遇到動態(tài)的去綁定操作切換不同的CSS樣式,下面這篇文章主要給大家介紹了關(guān)于Vue3中動態(tài)修改樣式與級聯(lián)樣式優(yōu)先順序的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-04-04
這篇文章主要介紹了Element-UI 使用el-row 分欄布局的教程，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-10-10
vue?parseHTML?函數(shù)源碼解析AST基本形成
這篇文章主要為大家介紹了vue?parseHTML?函數(shù)源碼解析AST基本形成，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-07-07
vue實(shí)現(xiàn)動態(tài)添加數(shù)據(jù)滾動條自動滾動到底部的示例代碼
本篇文章主要介紹了vue實(shí)現(xiàn)動態(tài)添加數(shù)據(jù)滾動條自動滾動到底部的示例代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-07-07
這篇文章主要介紹了vue的nextTick的使用,本文從源碼出發(fā)給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2018-11-11
vue實(shí)現(xiàn)微信瀏覽器左上角返回按鈕攔截功能
這篇文章主要介紹了vue實(shí)現(xiàn)微信瀏覽器左上角返回按鈕攔截功能,本文通過實(shí)例代碼相結(jié)合的形式給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-01-01
vuejs如何清空表單數(shù)據(jù)、刪除對象中的空屬性公共方法
這篇文章主要介紹了vuejs如何清空表單數(shù)據(jù)、刪除對象中的空屬性公共方法,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2025-03-03