vue項(xiàng)目配置同一局域網(wǎng)可使用ip訪問(wèn)的操作
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ǔ)充知識(shí):@vue/cli創(chuàng)建項(xiàng)目報(bào)錯(cuò)ERROR Failed to get response from /vue-cli-version-marker的解決方案
今天他們遇到一個(gè)很有意思的bug,用@vue/cli創(chuàng)建項(xiàng)目的時(shí)候報(bào)錯(cuò)了,還是個(gè)從來(lái)沒(méi)見(jiàn)過(guò)的報(bào)錯(cuò):
一開(kāi)始以為是版本問(wèn)題,畢竟報(bào)錯(cuò)信息上寫(xiě)著update,但是cli的版本是最新的,而且詢(xún)問(wèn)之后,node和npm版本也是最新的(12.16.1,截止我寫(xiě)這篇文章的時(shí)候是最新的);最要命的是,也沒(méi)有老版本的vue-cli……
這就非常有意思了。按照慣例,遇到前端的問(wèn)題,第一反應(yīng)就是卸載重裝,一套操作行云流水:
npm uninstall -g @vue/cli npm cache clean --force npm install -g @vue/cli
然而并沒(méi)有什么用,查了半天網(wǎng)上也找不到相關(guān)的報(bào)錯(cuò),這就很尷尬了。
后來(lái)我注意到下面有個(gè)yarn的輸出,難道cli內(nèi)建的是yarn?但是這不應(yīng)當(dāng):
雖然覺(jué)得很不可思議,但我還是決定看看yarn的版本,yarn有重大嫌疑。果然:
問(wèn)題找到了。但是這是啥?Hadoop?
后來(lái)才想起來(lái),yarn同時(shí)也是Hadoop的一部分,用來(lái)調(diào)度資源的:
從環(huán)境變量里移除Hadoop的yarn之后,就能正常創(chuàng)建項(xiàng)目了。
但是我還有一個(gè)問(wèn)題沒(méi)有解決,為什么cli會(huì)使用yarn?我這里的cli用的是npm啊。對(duì)比~/.vuerc之后,發(fā)現(xiàn)我這里的配置是這樣的:
{ // ... "packageManager": "npm" }
他那里的配置是:
{ // ... "packageManager": "yarn" }
后來(lái)聽(tīng)他說(shuō),他第一次安裝cli的時(shí)候,好像選的是yarn……
以上這篇vue項(xiàng)目配置同一局域網(wǎng)可使用ip訪問(wèn)的操作就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
Vue 2.0 中依賴(lài)注入 provide/inject組合實(shí)戰(zhàn)
這篇文章主要介紹了Vue 2.0 依賴(lài)注入 provide/inject組合,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值 ,需要的朋友可以參考下2019-06-06基于VUE移動(dòng)音樂(lè)WEBAPP跨域請(qǐng)求失敗的解決方法
這篇文章主要介紹了基于VUE移動(dòng)音樂(lè)WEBAPP跨域請(qǐng)求失敗的解決方法,需要的朋友可以參考下2018-01-01vue+vue-validator 表單驗(yàn)證功能的實(shí)現(xiàn)代碼
這篇文章主要介紹了vue+vue-validator 表單驗(yàn)證功能的實(shí)現(xiàn)代碼,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2017-11-11vue 支持百萬(wàn)量級(jí)的無(wú)限滾動(dòng)組件詳解
這篇文章主要為大家介紹了vue 支持百萬(wàn)量級(jí)的無(wú)限滾動(dòng)組件詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-02-02vue踩坑記錄之?dāng)?shù)組定義和賦值問(wèn)題
這篇文章主要給大家介紹了關(guān)于vue踩坑記錄之?dāng)?shù)組定義和賦值問(wèn)題的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用vue具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03vue限制實(shí)現(xiàn)不登錄無(wú)法進(jìn)入其他頁(yè)面
本文主要介紹了vue限制實(shí)現(xiàn)不登錄無(wú)法進(jìn)入其他頁(yè)面,vue限制不登錄,通過(guò)url進(jìn)入其他頁(yè)面強(qiáng)制回到登錄頁(yè)面;已經(jīng)登錄的情況下,不可以再進(jìn)入登錄界面,感興趣的可以了解一下2024-01-01