网站程序语言福州高端网站建设服务网络公司
在 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, // 自动打开浏览器}
})
