vite.config.js配置(大坑)

配置

import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
export default defineConfig({
	plugins: [vue()], // 配置需要使用的插件列表
	// 本地运行配置,及反向代理配置
	server: {
		host: 'localhost', // 指定服务器主机名
		port: 8080, // 指定服务器端口
		open: true, // 在服务器启动时自动在浏览器中打开应用程序
		https: false, // 是否开启 https
	},
});

大坑:当我们这么配置好后,启动项目,发现项目启动不了,报错:
在这里插入图片描述
这个错误很容易忽略,是因为没有下载插件的原因:npm install @vitejs/plugin-vue -D一定要下载这个插件和配置对应的插件信息plugin:[vue()]