Vite內(nèi)網(wǎng)ip訪問2種配置方式
更新時間：2023年07月27日 09:46:26 作者：前端蝸牛君
這篇文章主要給大家介紹了關(guān)于Vite內(nèi)網(wǎng)ip訪問的2種配置方式,文中通過實例代碼介紹的非常詳細,對大家學習或者使用Vite具有一定的參考學習價值,需要的朋友可以參考下
問題
使用vite運行項目的時候，控制臺會只出現(xiàn)127.0.0.1（localhost）本地地址訪問項目。不可以通過公司內(nèi)網(wǎng)ip訪問，其他團隊成員無法訪問，這是因為沒有將服務(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)地址訪問了：
補充知識：vite中使用局域網(wǎng)訪問項目
在運行vite項目后，發(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實現(xiàn)驗證碼登錄全過程,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2025-03-03
這篇文章主要為大家詳細介紹了Vue.js組件tabs實現(xiàn)選項卡切換效果的相關(guān)資料，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
這篇文章主要介紹了vue3 element-plus如何使用icon圖標組件問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
vue中如何使用唯一標識uuid(uuid.v1()-時間戳、uuid.v4()-隨機數(shù))
這篇文章主要給大家介紹了關(guān)于vue中如何使用唯一標識uuid(uuid.v1()-時間戳、uuid.v4()-隨機數(shù))的相關(guān)資料,當使用Vue.js生成UUID時,我們可以使用uuid庫來幫助我們生成通用唯一標識符(UUID),需要的朋友可以參考下2023-12-12
這篇文章主要介紹了VUE 打包后相對路徑的引用問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-06-06
vue在install時node-sass@4.14.1?postinstall:node?scripts/buil
最近在npm install 的時候遇到了個問題,所以給大家總結(jié)下,下面這篇文章主要給大家介紹了關(guān)于vue在install時node-sass@4.14.1?postinstall:node?scripts/build.js錯誤的解決方法,需要的朋友可以參考下2023-05-05
這篇文章主要為大家介紹了LogicFlow插件使用前準備詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-01-01
這篇文章主要介紹了el-tree樹狀控件如何定位到選中的節(jié)點的位置,本文通過示例代碼給大家介紹的非常詳細,感興趣的朋友跟隨小編一起看看吧2024-08-08
vue的Virtual Dom實現(xiàn)snabbdom解密
這篇文章主要介紹了vue的Virtual Dom實現(xiàn)- snabbdom解密，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
VUE2.0+Element-UI+Echarts封裝的組件實例
下面小編就為大家分享一篇VUE2.0+Element-UI+Echarts封裝的組件實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03