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

目前golang学习网上已经有很多关于文章的文章了，自己在初次阅读这些文章中，也见识到了很多学习思路；那么本文《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 项目启动时如何自动打开并跳转到指定地址？》的介绍就到此结束啦，但是学无止境，想要了解学习更多关于文章的相关知识，请关注golang学习网公众号！