vue3.x項目用vite構建之后提示“vite use `--host` to expose”問題

  1. 使用vue3.x推薦的vite構建項目之后，啟動之后終端會顯示如下信息
  > Local: http://localhost:3000/
  > Network: use `--host` to expose

只見到本地的localhost:3000項目地址，并提示Network: use --host to expose 信息

  1. 原因分析，這個問題我首先也是在百度搜索了一遍，找到的答案也差不多是一樣的，就是沒有配置IP，所以不能從IP啟動，需要在vite.config.js做相應的配置，然后根據網上的找到的解決方案，于是對vite.config.js增加如下配置
    vite.config.js
export default defineConfig({
  plugins: [vue()],
  // 這里就是增加IP配置的地方
  server: {host: '0.0.0.0'}
})
  1. 保存后就會顯示IP地址啟動的地址了
  2. 通過查閱vite的官方文檔，發現這個ip配置是可以支持兩種類型的 string | boolean，通過設置server.host來指定服務器監聽的IP地址
    如果將此設置成 0.0.0.0 或者 true 將監聽所有地址，包括局域網和公網地址

也就是說server.host也可以直接指定IP 或者是設置成true與0.0.0.0的效果是一樣的

vite.config.js

export default defineConfig({
  plugins: [vue()],
  // 這里就是增加IP配置的地方
  server: {host: true}
})

如此設置也是一樣的效果

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容