Vue方式自动打开浏览器配置

 

1. 通过 package.json 配置项目

// 必须是符合规范的json语法
"vue": { 
    "devServer": { 
        "port": "8888", 
        "open" : true 
    } 
},         

注意：不推荐使用这种配置方式。因为 package.json 主要用来管理包的配置信息；为了方便维护，推荐将 vue 脚 手架相关的配置，单独定义到 vue.config.js 配置文件中。

 

 

2. 通过单独的配置文件配置项目

// vue.config.js 
module.exports = { 
    devServer: { 
    port: 8888 
    } 
} 

① 在项目的跟目录创建文件 vue.config.js

② 在该文件中进行相关配置，从而覆盖默认配置