Vue项目启动时自动打开浏览器

亦凉 2023-02-20 12:23 169阅读 0赞

## Vue项目启动时自动打开浏览器 ##

**自动打开浏览器(主要是在本地开发时用到)**  
一、使用open-browser-webpack-plugin

cnpm i open-browser-webpack-plugin --save

安装成功后，修改下图文件

![在这里插入图片描述][2019040117291055.png]

1.  const OpenBrowserPlugin = require(‘open-browser-webpack-plugin’)
2.  new OpenBrowserPlugin(\{ url: ‘http://localhost:8080/\#/login’ \}) 在下图位置添加

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0NzAxMDM4_size_16_color_FFFFFF_t_70]

二、更改config

在下图文件中

![在这里插入图片描述][20190401173403689.png]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0NzAxMDM4_size_16_color_FFFFFF_t_70 1]

[2019040117291055.png]: https://img-blog.csdnimg.cn/2019040117291055.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0NzAxMDM4_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20190401173039952.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0NzAxMDM4,size_16,color_FFFFFF,t_70
[20190401173403689.png]: https://img-blog.csdnimg.cn/20190401173403689.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0NzAxMDM4_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/2019040117345544.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0NzAxMDM4,size_16,color_FFFFFF,t_70