vite+vue3 配置ip和端口以及自动打开浏览器
编辑文件vite.config.ts
修改前vite.config.ts文件内容
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
// https://vite.dev/config/
export default defineConfig({
plugins: [vue()],
})
修改vite.config.ts后文件内容
新增server内容
server:{
host: '0.0.0.0',
port: 8081,
hmr: true,
open: true
}import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
// https://vite.dev/config/
export default defineConfig({
plugins: [vue()],
server:{
host: '0.0.0.0',
port: 8081,
hmr: true,
open: true
}
})
npm run dev
修改前运行结果5173端口
VITE v6.0.2 ready in 732 ms
➜ Local: http://localhost:5173/
➜ Network: use --host to expose
➜ press h + enter to show help修改后运行结果8081端口
VITE v6.0.2 ready in 582 ms
➜ Local: http://localhost:8081/
➜ Network: http://192.168.43.112:8081/
➜ press h + enter to show help