使用webpack打包vue项目,无法自动在浏览器中打开,情况总结
2018-07-05 15:12
896 查看
版权声明: https://blog.csdn.net/weixin_39417767/article/details/80927142
最近用vue-cil快速构建vue项目的时候,发现他默认的是无法在浏览器的窗口中打开的,很不方便.
当你运行 npm run dev 的时候窗口会显示
I Your application is running here: http://localhost:8080
这段话的意思是:你的程序运行地址是:http://localhost:8080
于是总结了一下浏览器默认打开的设置方法.
其实归根结底就是一个属性,autoOpenBrowser//是否在浏览器中打开.默认是false,改为true即可
找到config/index.js
改成
或者!!!!
在build文件夹中webpack.dev.conf.js中改动
这时候你只需要加一个 ! 就可以了,因为默认的是false,添加 ! 之后就变为了true.
这两种亲测都可以,大家选择方便的用吧~
相关文章推荐
- 让webpack+vue-cil项目不再自动打开浏览器
- 让webpack+vue-cil项目不再自动打开浏览器
- 命令行运行vue-cli+webpack项目没有自动在浏览器打开
- 让webpack+vue-cil项目不再自动打开浏览器
- 如何使用webpack打包vue项目?
- 使用vue-cil构建vue2项目,webpack打包项目
- Vue项目使用webpack打包时纯静态资源的处理
- 使用Webpack+Babel打包Vue项目
- vue run dev后自动打开浏览器插件:open-browser-webpack-plugin
- 使用vue-lazyload解决Vue+Webpack项目的图片加载问题
- vue-cli+webpack在生成的项目中使用bootstrap方法(二)
- 基于vue.js 2.0,不使用webpack的nodejs服务,只在浏览器上单独使用在Element UI的Tree树形控件
- webpack+vue-cil 配置接口地址代理以及将项目打包到子目录的方法
- webpack 启动后自动打开浏览器插件:open-browser-webpack-plugin
- webpack 搭建自动打开,刷新浏览器;
- 使用webpack打包Vue工程
- vue项目优化之按需加载组件-使用webpack require.ensure
- vue项目优化之按需加载组件-使用webpack require.ensure
- vue-cli+webpack在生成的项目中使用bootstrap方法(一)
- eclipse中把web项目部署在tomcat中,可以使用浏览器访问,但是无法在tomcat目录中的webapps中找到?