vue 项目自动打开浏览器

最新推荐文章于 2024-07-26 13:28:30 发布
最新推荐文章于 2024-07-26 13:28:30 发布
阅读量845 收藏 1
点赞数
分类专栏： # Vue 2.x
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/HH18700418030/article/details/103860195
版权

当我们输入npm run dev，运行项目，命令行提示我们运行成功，但是浏览器也没有自动打开，只能自己手动输入。
module.exports配置中找到autoOpenBrowser，默认设置的是false：
在这里插入图片描述
将autoOpenBrowser改为true：
在这里插入图片描述

＊且听风吟
关注
专栏目录
Vue-cli 自动打开浏览器
爱睡的虫虫
09-05 461
父---》子 使用绑定标签属性的方法给子组件进行绑定,在子组件内部通过props数组的方式来接受数据，接收之后就可以使用。 (1)父组件在给子组件绑定标签属性来传递数据的时候，key值可以有-，但是在子组件的props里我们要写成小驼峰的写法 (2)父组件可以将自己动态的数据传递给子组件，当父组件的数据发生改变，子组件收到的数据也发生改变 (3)父组件给子组件传递数据的...
vue-cli3.x启动服务自动打开浏览器配置
qq_31913969的博客
08-23 1149
vue-cli3.x启动服务自动打开浏览器配置 第一种方法 浏览器自动打开 1.打开创建的vue-cli3 创建的项目 2.找到package.json文件 3.找到配置项 ‘scripts’ 4.找到配置项‘serve’ 5.修改，增加字段"serve": “vue-cli-service serve –open”, "scripts": { "serve": "vue-cli-serv...
vue项目运行自动打开浏览器配置
weixin_43037740的博客
04-09 2715
vue项目运行自动打开浏览器配置 第一种在config文件下的index.js文件 autoOpenBrowser: true, 第二种在vue.config.js文件中devServer设置 open为true 这个有时会遇见浏览器打开两次 第三种 将package.json中的scripts下的server属性配置后面添加–open即可解决问题。 ...
Vite+Vue3项目配置自动打开浏览器
最新发布
weixin_49075175的博客
07-26 230
由于目前主流是create-vue初始化vue项目，因此目前是在package.json下做如下操作：
vue启动项目自动打开网页
蒙蒙细雨的博客
05-01 1035
有的项目可能没有config这个文件夹，没有的话就试试下面的方法吧 在根目录创建vue.config.js module.exports = { devServer: { host: 'localhost', //本地 port: 8080, //端口号 open: true //默认false true自动打开 } } ...
vue-cli 运行打开浏览器
ddny090930的博客
07-15 132
在配置好项目之后的package.json文件中，找到运行的script，其中“serve”中增加配置“ --open” "scripts": { "serve": "vue-cli-service serve --open", "build": "vue-cli-service build", "lint": "vue-cli-service lin...
默认浏览器设置及vue自动打开页面的方法
10-17
对于Vue开发者来说，他们经常需要在本地开发环境中启动项目时自动打开浏览器，以便实时查看项目运行结果。这时，可以利用Vue脚手架提供的命令来简化操作。在使用Vue CLI创建项目后，开发者通常会通过npm运行dev命令...
vue中解决chrome浏览器自动播放音频和MP3语音打包到线上的实现方法
01-18
一、vue中解决chrome浏览器自动播放音频 需求 有新订单的时候，页面自动语音提示和弹出提示框； 问题 chrome浏览器在18年4月起，就在桌面浏览器全面禁止了音视频的自动播放功能。严格地来说，是Chrome不允许在用户对...
vue配置启动项目自动打开浏览器
yutingwu816的博客
02-27 2452
vue配置启动项目自动打开浏览器 1.找到项目中的config文件夹内的index.js，里面有一个配置是autoOpenBrowser:false； 设置为true即可(或者全局搜索autoOpenBrowser设置为true) 2.打开package.json找到启动命令npm run dev 跟npm run serve(这两种命令都可以) 后面增加 --open 3.在根目录下新建vue.config.js文件 vue.config.js代码如下 module.exports = {
让webpack+vue-cil项目不再自动打开浏览器的方法
10-17
总之，通过修改Webpack配置文件中的特定代码段，可以有效控制项目启动时是否自动打开浏览器。对于希望提高开发效率，减少等待时间的开发者来说，这是一个简单而实用的小技巧。同时，这也是一个很好的例子，展示了...
（Vue-Cli）配置开发时运行项目自动打开浏览器
面包不是超人。
03-22 1255
一、默认浏览器配置 打开电脑的控制面板，选择默认程序 2. 选择设置默认程序 3.找到web浏览器进行设置 二、在Vue-cli中配置开发中运行项目时自动打开浏览器 在根目录下的vue.config.js文件中添加配置项 根目录下的vue.config.js文件是Vue-cli的配置文件，可以到官方文档中查看更多配置。 ...
vue启动项目时自动打开浏览器
qq_40055200的博客
03-18 155
package.json “serve”: “vue-cli-service serve --open”
升级到Ubuntu 11.10遇到的问题
weixin_33690963的博客
10-06 69
眼看着就要到Ubuntu 11.10发布的日子了，趁着十一有时间，也趁着现在还没到下载高峰，急着尝了把鲜，把我的笔电从11.04升到了11.10，升级很顺利，比起以前要顺畅的多。就是在升级之后发现存在两个问题：无法上网和输入法切换，花了半个小时才解决，真是郁闷，留个痕迹给同样需要升级的Ubuntu兄弟们提个醒： 升级完成后发现网络管理器不能管理有线网络了，经过一阵折腾，结果是网络管理...
vue项目运行后自动打开浏览器
weixin_47813845的博客
08-11 920
很早就发现，有些项目在运行后会自动打开默认浏览器，但一直没想过这是什么原因。今天闲来无事看了一下，原来这么简单就可以实现。 打开我们项目的package.json "scripts": { "serve": "vue-cli-service serve --open", "build": "vue-cli-service build" }, 在serve命令后面加上 --open就可以实现了，是不是很简单呢。 ...
Vue项目启动自动在浏览器打开
Rovstephanie的博客
03-04 1559
默认情况下，Vue 项目使用的开发服务器通常会在终端中输出访问地址（如 localhost:8080），但并不会自动在浏览器中打开这个地址。
vue路由去除#和运行后自动打开浏览器配置方法
qq_27474555的博客
08-21 266
1、Vue项目运行后自动打开浏览器 打开config/index.js, 将autoOpenBrowser配置改为true, 修改前：autoOpenBrowser: false, 修改后：autoOpenBrowser: true, 2、Vue路由去除“#” 打开router/index.js, 将Router的模式改为history。 修改前：mode: ‘hash’, 修改后：mode: ‘...
vue 启动项目时浏览器自动启动的四个方案（三种类型）。
仙途路漫漫其修远兮
05-10 5658
配置了不行那就自己手写个！！！
vue项目运行后如何自动在浏览器中打开
weixin_44594219的博客
09-05 4019
vue项目运行后如何在浏览器中自动打开的两种配置方法
vue配置项目启动时自动打开浏览器
Sylvasylva的博客
12-11 964
vue配置启动时自动打开浏览器。如果配置了open为true，没有配置host，项目启动时浏览器只会自动打开0.0.0.0:80的页面，而不会打开本地项目启动的正确地址。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值