Vue-cli 自动打开浏览器

最新推荐文章于 2024-03-04 17:50:33 发布

爱睡的虫虫

最新推荐文章于 2024-03-04 17:50:33 发布

阅读量468

点赞数 1

分类专栏： VUE 文章标签： vue 传值

本文链接：https://blog.csdn.net/feifanzhuli/article/details/77850454

版权

VUE 专栏收录该内容

52 篇文章 1 订阅 ¥29.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了两种方法在使用Vue-cli时自动打开浏览器：一种是在package.json中配置脚本，另一种是在vue.config.js中进行设置。

摘要由CSDN通过智能技术生成

方式一：

在package.json 中设置

"scripts": {
    "serve": "vue-cli-service serve --open",   // 打开浏览器
    "build": "vue-cli-service build"
  },

方式二：

vue.config.js

module.exports = {
        devServer: {
                port: '8081',
                open: true,
                proxy: {}
        }
}

Options:
  --open    服务器启动时打开浏览器
  --copy    将URL复制到服务器启动时的剪贴板 (直接到浏览器去粘贴就OK了 http://localhost:8080/)
  --mode    指定环境模式 (默认: development)
  --host    host 地址 (default: 0.0.0.0)
  --port    端口号 (default: 8080)
  --https   使用https (default: false)