当前位置: 首页 > news >正文

产品展示网站系统推广业务平台

产品展示网站系统,推广业务平台,北京网站推广|网站制作|网络推广|网站建设,长裕建设有限公司网站前言:关于vue启动后打开chrome浏览器,我查了很多资料,方案如下: 1、增加环境变量BROWSER为chrome(试了没效果) 2、设置系统的默认浏览器为chrome(应该可以,但没试;因为…

前言:关于vue启动后打开chrome浏览器,我查了很多资料,方案如下:

1、增加环境变量BROWSER为chrome(试了没效果)

2、设置系统的默认浏览器为chrome(应该可以,但没试;因为即使设置了,电脑上的360卫士也会被很恶心的重新设置为360浏览器)

先说方案吧,框架背景:vue3

解决方案:vue.config.js中的devServer下增加open配置

如下所示(无需在启动命令加--open)

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({transpileDependencies: true,devServer: {host: '127.0.0.1',port:'8080',open: {app:{name:'chrome'}},},
})

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

下面是排查的历程(感兴趣的可以看看)

(1)有人说,设置环境变量,然后从源码解释了原因,读了便源码感觉还挺对,我就项目根目录下加了环境变量.env.local文件,内容加上了

BROWSER=chrome

(2)实际测试没有效果,只能通过调试node_modules中的

@vue/cli-shared-utils/lib/openBrowser.js

debug时,没有进入到openBrowser方法;那依旧打开360也正常了

(3)向上层排查,查看

@vue/cli-service/lib/commands/serve.js

发现是通过webpack-dev-server启动的,并把open参数传递到webpack-dev-server了

(4)排查webpack-dev-server,查看

webpack-dev-server/lib/Server.js

发现确实有调用打开浏览器的方法

(5) 继续查看open模块,查看代码

open/index.js

发现底层就是调用的windows的powershell命令(跟cmd差不多),执行了start命令

中间还能拼接个app参数;于是乎,我打开cmd窗口,敲了个start chrome http://127.0.0.1:8080

然后chrome就打开了这个网页;说明我只要把app参数传入就行了

 (6)查找webpack-dev-server传入open参数的位置,发现可以把open配置为数组

 (7)修改vue.config.js配置

 (8)奇迹出现了,终于打开了chrome

(9)由于启动项目还没结束,就立刻打开了浏览器,感觉不太合理,正好源码中看到了wait参数,默认是false,于是我在open配置里加了wait:true,然后就报错了

(10)简直不可思议,webpack通过schema做了校验,继续排查

 

webpack配置

https://webpack.js.org/configuration/dev-server/#devserveropen

(11) 暂时没招了,就这样吧,路过的大神可以再支支招

另外有个想法,我们可以自己弄的插件,启动后执行;或者启动后调用下cmd命令,以后再琢磨吧,此处看webpack的配置schema还是需要优化下

http://www.hkea.cn/news/506449/

相关文章:

  • 全景网站app网络营销工具分析
  • 南京建设工程交易中心网站seo是什么的简称
  • 利用vps做网站关键字排名查询
  • 常熟网站制作找哪家好品牌型网站制作价格
  • 怎么做自己网站推广网络广告
  • 化州网站建设促销方法100种
  • 长沙专业网站设计平台新闻最新消息10条
  • 惠州网站建设制作宣传推广方案
  • 宁波网站推广外包服务长岭网站优化公司
  • 哈尔滨市哪里做淘宝网站seo课程心得体会
  • 做网站建设公司企业一个企业该如何进行网络营销
  • 移动端h5网站开发服务企业seo推广
  • 管理公司网站建设引擎搜索优化
  • 上市公司专利查询网站百度广告投放价格
  • html5电商网页制作网站怎么seo关键词排名优化推广
  • 大同网站建设黄冈网站推广优化找哪家
  • 昌邑网站建设站长之家网站排名
  • 建设企业网站的需求分析免费域名
  • 重庆欧勒精细有限公司网站策划书百度竞价推广开户
  • 怎么做一键添加信任网站ios aso优化工具
  • ps做网站的分辨率多少钱苹果cms永久免费建站程序
  • 网站推广积分常用于网站推广的营销手段是
  • wordpress时间云储存沈阳网站制作优化推广
  • h5响应式网站建设竞价托管哪家效果好
  • 企业解决方案参考网站品牌软文营销案例
  • 做淘客要有好的网站上海百度seo
  • 网站建设 seojsc宁德seo推广
  • 建立网站的作用信息流优化师工作总结
  • 如何建设物流网站近期时事新闻
  • 网站开发大赛发言稿网址搜索