vue项目在启动时，自动打开浏览器，并且打开地址是自己本地的IP地址

最新推荐文章于 2024-03-29 08:17:03 发布
最新推荐文章于 2024-03-29 08:17:03 发布
阅读量2.2k 收藏 1
点赞数 1
分类专栏： Vue 文章标签： 前端 javascript 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_17211063/article/details/128869288
版权

第一步：在confing文件夹下面的index.js页面中

module.exports里面加上autoOpenBrowser: true,

这样就设置完成了浏览器自动打开功能

 第二步：设置打开地址是自己本地的IP

        在build下的 webpack.dev.conf.js 文件的 devServer 属性下设置 useLocalIp 为true

 这样就完成了启动vue项目时，浏览器自动打开，并且打开的地址为本地的IP地址

前端-文龙刚
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
完美解决通过IP地址访问VUE项目的问题
10-15
主要介绍了完美解决通过IP地址访问VUE项目的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
让webpack+vue-cil项目不再自动打开浏览器的方法
01-19
比如，当我们输入npm run dev开始跑起项目之后，就会自动的打开浏览器，并把页面打开。 按理说，这是一个很方便的配置。问题是，我们在调试的过程中，可能需要不断的重启项目。每一次重启，就会开一个网页，让我非常...
vue踩坑笔记 七.使用ip地址访问本机运行的vue项目
qq_38052995的博客
11-30 470
文章目录一.确保本机tomocat 或者apache运行正常二.获取本机ip地址进入dos界面获取本机ip地址三.输入ip地址加端口号四.运行错误或拒绝访问(很关键)五.重启项目 一.确保本机tomocat 或者apache运行正常 在浏览器使用localhost或者127.0.0.1访问相关资源,保证web网络服务器正常 二.获取本机ip地址 进入dos界面 win+R 输入cmd 获取本机i...
Vue项目本地开发自动打开浏览器
最新发布
graphyer的博客
03-29 202
加入下面的代码，npm run serve完成后。自动打开你的默认浏览器。
vue项目使用ip地址打开
javaScript_want的博客
10-09 902
vue项目中无法使用ip地址打开： 解决方法： 将config目录下index.js中： 改成： 重启项目就可以使用ip地址访问了
Vue2版本如何使用ip访问?
weixin_52261391的博客
06-24 2180
vue2版本使用ip地址访问
vue自动打开浏览器
A2645765158的博客
03-06 327
vue自动打开浏览器
vue 启动成功自动进入首页设置（autoOpenBrowser）
zkk1973的博客
07-18 3920
更改vue项目中的config文件夹下面的index.js文件里面的autoOpenBrowser值为true就可以了，表示自动打开浏览器
vue配置启动项目自动打开浏览器(三种方法)
热门推荐
Billow_lamb的博客
02-24 1万+
vue配置启动项目自动打开浏览器 1.找到项目中的config文件夹内的index.js，里面有一个配置是autoOpenBrowser:false； 设置为true即可(或者全局搜索autoOpenBrowser设置为true) 2.打开package.json找到启动命令npm run dev 跟npm run serve(这两种命令都可以) 后面增加 --open 3.在根目录下新建vue.config.js文件 vue.config.js代码如下 module.exports = { d
通过ip访问前端本地启动的项目
m0_60336681的博客
04-13 770
通过ip访问前端本地启动的项目
vue项目打开地址默认是http://0.0.0.0:8080/的问题解决
m0_64380162的博客
02-25 1180
vue项目打开地址默认是http://0.0.0.0:8080/的问题解决
默认浏览器设置及vue自动打开页面的方法
10-17
今天小编就为大家分享一篇默认浏览器设置及vue自动打开页面的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
VUE搭建项目，配置本地IP地址其他人可访问项目（整理）
在北风吹起的时候加入我们的队伍 在秋雨到来的时候成为彼此的温暖
07-06 2267
VUE搭建项目，配置本地IP地址其他人可访问项目
运行vue项目，浏览器默认打开地址为 http://0.0.0.0:8080，手动修改为 127.0.0.1:8080就能正常打开
weixin_43561913的博客
02-15 2315
运行vue项目，浏览器默认打开地址为 http://0.0.0.0:8080，手动修改为 127.0.0.1:8080就能正常打开。
Ant Design Pro的Umijs自动打开浏览器配置
前端一线搬运工的博客
01-14 1928
umi3.x 版本: Github issue：umijs3 启动后如何自动打开浏览器(3.x版本github官方回复不支持自动打开浏览器, 不知道为什么有这种反向升级) -解决办法: 开发环境安装Node包 npm i open-browser-webpack-plugin --save 在config.ts配置文件的defineConfig中加入 chainWebpack(memo, { env, webpack, createCSSRule }) { env === 'deve.
vue项目通过本地IP地址访问，不是localhost
a5252145的博客
08-02 2992
vue项目通过本地IP地址访问，不是localhost 修改package.json中scripts属性，再dev属性下添加：--host 192.168.3.45即可。
vue项目引入外部ip地址链接
weixin_45096326的博客
12-15 674
vue项目引入外部ip地址链接。
vue 本地访问改成线上IP访问
sunshine08_07的博客
02-14 1919
将index文件里面的 host: 'localhost'修改成 host: '需要的IP地址' // Various Dev Server settings host: 'localhost', // can be overwritten by process.env.HOST port: 8080, // can be overwritten by process.en...
vue js打开外部链接网页 去除前缀 本地localhost方法
wh2574021892的博客
12-26 3454
window.open(‘baidu.com’) 总是会发现跳转的是 localhost:xxxx/baidu.com，显然不是我们要的效果， 在url前面+‘//’ 就可以了 使用window.open(’//’+‘baidu.com’)
vue项目启动完成后，如何自动打开项目
05-21
在Vue CLI 3.x版本及以上的项目中，可以在`package.json`文件中的`scripts`中添加一条命令用于启动项目，并在命令中使用`open`命令自动打开浏览器。具体步骤如下： 1. 打开`package.json`文件 2. 在`scripts`中添加一条命令，例如：`"start": "vue-cli-service serve && open http://localhost:8080"` 3. 保存`package.json`文件 4. 打开命令行工具，进入到项目根目录，执行`npm run start`命令即可启动项目并自动打开浏览器。 注意：`open`命令在Windows系统上可能无法识别，可以使用`start`命令代替，例如：`start http://localhost:8080`。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值