Vue 项目启动时如何自动打开并跳转到指定地址?

vue 项目启动时如何自动打开并跳转到指定地址?

vue 项目如何自动打开并跳转到指定地址?

在你使用 vue create 创建项目后,你可能希望在启动项目时自动打开浏览器,同时跳转到指定的 url,例如 http://localhost:8080/。

修复方案:

方法 1:使用 –host 参数项

立即学习“前端免费学习笔记(深入)”;

vue serve --host localhost

登录后复制

这会强制浏览器打开 http://localhost:8080/。

方法 2:修改 devserver.host

在你的 vue.config.js 文件中找到 devserver 对象:

module.exports = {  devServer: {    // ...    host: 'localhost' // 设置为 '0.0.0.0' 也可以,因为两者本质上是一样的。  }};

登录后复制

通过修改 devserver.host 为 localhost,浏览器默认会打开 http://localhost:8080/。

值得注意的是,0.0.0.0 本质上与 localhost 相同,因此不必非要修改 devserver.host。

以上就是Vue 项目启动时如何自动打开并跳转到指定地址?的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2846086.html

(0)
上一篇 2025年3月10日 12:48:16
下一篇 2025年3月10日 12:48:23

AD推荐 黄金广告位招租... 更多推荐

相关推荐

发表回复

登录后才能评论