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()]