Vite內(nèi)網(wǎng)ip訪問2種配置方式
問題
使用vite運(yùn)行項(xiàng)目的時(shí)候，控制臺(tái)會(huì)只出現(xiàn)127.0.0.1（localhost）本地地址訪問項(xiàng)目。不可以通過公司內(nèi)網(wǎng)ip訪問，其他團(tuán)隊(duì)成員無法訪問，這是因?yàn)闆]有將服務(wù)暴露在局域網(wǎng)中:
兩種解決方式
方式一：修改vite的配置文件（vite.config.ts）添加 host: "0.0.0.0"
export default defineConfig({
plugins: [vue(), vueJsx()],
resolve: {
alias: {
"@": fileURLToPath(new URL("./src", import.meta.url))
},
},
server: {
port: 9999,
host: "0.0.0.0"
},
});方式二：修改package.json文件
"scripts": {
"dev": "vite --host 0.0.0.0",
"build": "vite build",
"preview": "vite preview"
},結(jié)果
采用上面任一方式，就可以通過內(nèi)網(wǎng)地址訪問了：
補(bǔ)充知識(shí)：vite中使用局域網(wǎng)訪問項(xiàng)目
在運(yùn)行vite項(xiàng)目后，發(fā)現(xiàn)只能本地訪問，不能局域網(wǎng)訪問，package.json如下
只需在package.json中加上以下內(nèi)容即可：
--host 0.0.0.0
重啟vite即可
總結(jié)
到此這篇關(guān)于Vite內(nèi)網(wǎng)ip訪問2種配置方式的文章就介紹到這了,更多相關(guān)Vite內(nèi)網(wǎng)ip訪問內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了Vue實(shí)現(xiàn)驗(yàn)證碼登錄全過程,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2025-03-03
Vue.js組件tabs實(shí)現(xiàn)選項(xiàng)卡切換效果
這篇文章主要為大家詳細(xì)介紹了Vue.js組件tabs實(shí)現(xiàn)選項(xiàng)卡切換效果的相關(guān)資料，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
vue3 element-plus如何使用icon圖標(biāo)組件
這篇文章主要介紹了vue3 element-plus如何使用icon圖標(biāo)組件問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-03-03
vue中如何使用唯一標(biāo)識(shí)uuid(uuid.v1()-時(shí)間戳、uuid.v4()-隨機(jī)數(shù))
這篇文章主要給大家介紹了關(guān)于vue中如何使用唯一標(biāo)識(shí)uuid(uuid.v1()-時(shí)間戳、uuid.v4()-隨機(jī)數(shù))的相關(guān)資料,當(dāng)使用Vue.js生成UUID時(shí),我們可以使用uuid庫來幫助我們生成通用唯一標(biāo)識(shí)符(UUID),需要的朋友可以參考下2023-12-12
這篇文章主要介紹了VUE 打包后相對(duì)路徑的引用問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-06-06
vue在install時(shí)node-sass@4.14.1?postinstall:node?scripts/buil
最近在npm install 的時(shí)候遇到了個(gè)問題,所以給大家總結(jié)下,下面這篇文章主要給大家介紹了關(guān)于vue在install時(shí)node-sass@4.14.1?postinstall:node?scripts/build.js錯(cuò)誤的解決方法,需要的朋友可以參考下2023-05-05
這篇文章主要為大家介紹了LogicFlow插件使用前準(zhǔn)備詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-01-01
el-tree樹狀控件如何定位到選中的節(jié)點(diǎn)的位置
這篇文章主要介紹了el-tree樹狀控件如何定位到選中的節(jié)點(diǎn)的位置,本文通過示例代碼給大家介紹的非常詳細(xì),感興趣的朋友跟隨小編一起看看吧2024-08-08
vue的Virtual Dom實(shí)現(xiàn)snabbdom解密
這篇文章主要介紹了vue的Virtual Dom實(shí)現(xiàn)- snabbdom解密，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
VUE2.0+Element-UI+Echarts封裝的組件實(shí)例
下面小編就為大家分享一篇VUE2.0+Element-UI+Echarts封裝的組件實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-03-03