Vite啟動後提示Network: use `--host` to expose
阿新 • • 發佈：2021-10-14
當使用 Vite 構建專案後，發現只有localhost + 埠 服務，沒有 IP + 埠服務。
執行npm run dev，終端提示Vite啟動後提示Network: use '--host' to expose。
package.json中指令碼配置
"scripts": {
"dev": "vite",
"build": "vite build",
"serve": "vite preview"
}
問題復現
當執行 npm run dev | serve 命令時，會顯示一下內容。
> [email protected] > vite | vite preview vite v2.5.1 build preview server running at: > Local: http://localhost:3000 | 5000/ > Network: use `--host` to expose
解決
- 配置
vite.config.js
export default defineConfig(({ mode })=>({
// ..
server: {
host: '0.0.0.0',
},
// ..
}))
- 配置
package.json
"scripts": {
"dev": "vite --host",
"build": "vite build",
"serve": "vite preview --host"
}
執行npm run dev命令
vite v2.5.1 dev server running at: > Local: http://localhost:3000/ > Network: http://xxx.xx.xxx.xx:3000/
歡迎訪問：個人部落格地址