vue项目运行后自动在浏览器打开

在 Vue 项目中控制运行后自动打开网址，主要取决于你使用的构建工具（Vue CLI 或 Vite），配置位置有所不同：

1. Vue CLI 项目（基于 webpack）

Vue CLI 项目可通过 vue.config.js 配置自动打开浏览器：

在项目根目录的 vue.config.js 中，添加 devServer.open 配置：

module.exports = {devServer: {open: true, // 启动服务后自动打开浏览器// 可选：指定打开的页面路径// openPage: '/about'}
}

2. Vite 项目

Vite 项目通过 vite.config.js 配置自动打开浏览器：

在项目根目录的 vite.config.js 中，配置 server.open：

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'export default defineConfig({plugins: [vue()],server: {open: true, // 自动打开浏览器}
})