vue项目运行后如何自动在浏览器中打开

方法一：配置open

在根目录webpack.config.js或vue.config.js中的module.exports里面配置devServer / open，将open属性值设置为true即可

 devServer: {host: 'localhost',port: 9000, // 端口号open:true, //运行后是否自动在浏览器打开},

方法二：配置transpileDependencies

第一步：在根目录webpack.config.js或vue.config.js中的module.exports里面配置transpileDependencies

transpileDependencies: true,//运行后是否自动在浏览器打开

第二步：在package.json中的scripts / serve 或 scripts / dev 的属性值后面加上 --open

"serve": "vue-cli-service serve --open",

vue项目运行后如何自动在浏览器中打开相关推荐

vue项目运行后，生成的两个地址Local和Network的区别
其实这两个地址都是用于访问你本机跑的项目, 区别如下:localhost 是供当前电脑访问的地址,仅供你自己访问,其他人通过localhost 是访问不到你跑的项目的.你把 localhost 换成I ...
vue项目运行后页面一片空白
找了很多文章,都不知道为什么结果去控制台,找到了问题所在多写了一个不存在的路由,把这个不存在的路由删掉,页面就能正常显示了这说明了看控制台的重要性, 一定要对症下药,不要一遇到问题就上网搜索, ...
Vue 项目运行后自动弹出网页
打开config文件夹下的index.js文件 autoOpenBrowser: true,
Vue项目打包后不能正常显示页面
项目场景: 通过 Vue CLI 创建的 vue 项目,编写完项目后,通过 npm run bulid 对项目进行打包,再把打包得到的内容(dist文件夹)交给后端部署到服务器上. 问题描述: 对 v ...
minIO如何设置直接通过访问链接在浏览器中打开文件
场景描述: 在数据质量中心的需求开发中,需要将测试报告存储在minIO系统上,并记录访问链接,前端获取文件链接后,直接在浏览器中打开html报告. 如以下报告链接http://XXXXXXX:9000 ...
如何在浏览器中打开jupyter notebook
1.找到IPYNB后缀的文件所在文件夹 2.在导航栏中输入cmd后回车出现: 3.输入:jupyter notebook,回车后就会在浏览器中打开相应的文件.
vue项目运行自动打开浏览器,默认设置为google浏览器的方法
vue项目运行自动打开浏览器,默认设置为google浏览器. 设置方法就是把google浏览器设置为电脑默认浏览器,具体如下:
Vue脚手架安装与 Vue项目创建运行、vue项目迁移后运行失败问题
目录 Vue脚手架安装 vue 如何查看vue cli的安装位置 Vue项目创建与运行 1.创建项目 2.运行项目 3.检测运行是否成功项目文件作用介绍快捷安装项目所需依赖命令 npm i Vu ...
Vue进阶（幺陆叁）：vue项目启动后自动打开页面并设置默认浏览器
文章目录一.修改默认浏览器二.vue 项目启动自动打开页面三.拓展阅读以windows 系统为例,操作方法如下: 一.修改默认浏览器设置谷歌浏览器为默认浏览器. 1.首先打开"开始 ...

vue项目运行后如何自动在浏览器中打开

vue项目运行后如何自动在浏览器中打开相关推荐

最新文章

热门文章