目录结构
找到vite.config.ts文件在里面进行修改。
需要安装几个插件
yarn add path or npm install path
yarn add process or npm install process
把原有的代码替换成以下代码即可
import { resolve } from 'path'; import { defineConfig } from 'vite'; import vue from '@vitejs/plugin-vue'; function pathResolve(dir: string): string { return resolve(process.cwd(), '.', dir) }; export default defineConfig({ plugins: [vue()], resolve: { alias: { '@': pathResolve('src') } }, server: { host: '0.0.0.0', //ip地址 port: 8080, //端口号 open: true //启动后是否自动打开浏览器 } })
控制台效果
