vite 修改netWork

启动vite 后控制台提示:

netWork：user --host to expose 
Local:    http://localhost:3000/

解决此问题有三种方式：

1.修改vite.config.js

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  // 此处添加以下设置host:0.0.0.0 或true
  // 将监听所有地址，包括局域网和公网地址
  server:{
    host:'0.0.0.0'
  }
})

2.修改package.json

"scripts": {
  "dev": "vite --host",
  "build": "vite build",
  "serve": "vite preview --host"
}

3.利用CLI -host 0.0.0.0 或 --host 来设置

在终端控制台运行 npx --host 0.0.0.0 

以上方法任意配置一种后运行npm run dev 都可以让network生效

09:17:34 [vite] vite.config.js changed, restarting server...
09:17:34 [vite] server restarted.

  > Network:  http://172.20.10.4:3000/
  > Local:    http://localhost:3000/