视觉设计师作品集_网页界面设计宽度和安全区_免费的seo网站_学生个人网页制作教程

编辑文件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