03.配置Vite监听端口

修改vite.config.js配置文件，添加如下配置：

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15



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

export default defineConfig({
    plugins: [vue()],
    // 新增的内容
    server: {
        host: '0.0.0.0',
        port: 8080,
        open: true,
        hmr: true
    },
})

如上配置，服务启动后，将监听在8080端口，且启动时会自动打开浏览器，并开启热更新支持。