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 项目启动时如何自动打开并跳转到指定地址？的详细内容，更多请关注硕下网其它相关文章！