vue启动页面,vue启动后浏览器访问不了

　　本文主要介绍了vue配置启动项目自动打开浏览器的方法，具有很好的参考价值。希望对大家有帮助。如有错误或不足之处，请不吝赐教。

目录

　　 vue配置启动项目并自动打开浏览器。1.在项目的config文件夹中找到index.js2。打开package.json并找到启动命令。3.在根目录下创建一个新的vue.config.js文件。npm run dev运行项目并自动打开浏览器。

vue配置启动项目自动打开浏览器

1.找到项目中的config文件夹内的index.js

　　里面有一个配置是auto open browser:false；

　　只需将其设置为true(或将全局搜索autoOpenBrowser设置为true)

2.打开package.json找到启动命令

　　Add -在nprundev和npm运行serve之后打开(两个命令都可用)。

3.在根目录下新建vue.config.js文件

　　vue.config.js代码如下

　　模块.导出={

　　devServer:{

　　打开：真

　　}

　　}

npm run dev运行项目自动打开浏览器

　　Nrun dev运行项目，自动打开浏览器，自动设置浏览器。

　　//各种设备设置信息

　　Host: localhost ，//主机名

　　端口：8080，//端口号(默认为8080)

　　Autobrowser: false，//要自动打开浏览器吗？

　　//如果想让浏览器自动打开，把false改成true就可以了。为了防止端口号冲突，您也可以在这里随意更改端口号。

　　Autobrowser: true，//是否默认打开浏览器，默认为false，修改为true即可。

　　备注：vscode中的绑定：

　　{

　　 C:\ \ Program Files \ \ Git \ \ bin \ \ bash . exe

　　}

　　以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。