Vue配置启动端口以及配置自动打开浏览器

最新推荐文章于 2025-02-26 21:58:14 发布

原创最新推荐文章于 2025-02-26 21:58:14 发布 · 2.2k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端

vue 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了两种在Vue项目中更改端口和启动设置的方法。第一种是在vue.config.js文件中配置devServer，设定端口为8089并开启自动打开浏览器。第二种是在package.json的scripts中修改命令，如修改'vue-cli-service serve'命令以添加自动打开浏览器选项。

方法1：在vue.config.js 中配置

module.exports = { 
 configureWebpack:{ 
      devServer:{ 
          port:8089,//端口号 
          open:true,
      } 
  }
}

方法2：在package.json中修改scripts

"scripts": {
    "dev": "vue-cli-service serve --open",
    "build:prod": "vue-cli-service build",
    "build:stage": "vue-cli-service build --mode staging"
},