为什么 Vue 项目自动打开浏览器后访问的是 http://0.0.0.0:8080 而不是 http://localhost:8080?

为什么 vue 项目自动打开浏览器后访问的是 http://0.0.0.0:8080 而不是 http://localhost:8080?

解决 vue 项目自动打开浏览器后访问 url 为 http://0.0.0.0:8080

你创建 vue 项目后发现自动打开的浏览器网址为 http://0.0.0.0:8080,而不是预期的 http://localhost:8080。以下是如何解决此问题的步骤:

  • 使用 --host 参数项:

在 serve 命令中添加 --host localhost 参数项:

vue-cli-service serve --host localhost
  • 修改 devserver.host:

修改 vue.config.js 文件中 devserver.host 的值:

// vue.config.js
module.exports = {
  devServer: {
    host: 'localhost'
  }
};

注意,你无需进行第二步,因为 0.0.0.0 本质上与 localhost 相同。

以上就是为什么 Vue 项目自动打开浏览器后访问的是 http://0.0.0.0:8080 而不是 http://localhost:8080?的详细内容,更多请关注硕下网其它相关文章!