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

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

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