Vite内網ip通路，兩種配置方式

問題

使用

vite

運作項目的時候，控制台會隻出現

127.0.0.1（localhost）

本地位址通路項目。不可以通過公司

内網ip

通路，其他團隊成員無法通路，這是因為沒有将服務暴露在區域網路中:

兩種解決方式

方式一：修改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"
  },
           

結果

采用上面任一方式，就可以通過

内網位址

通路了：