登录
首页 >  文章 >  前端

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

时间:2024-11-22 11:46:20 470浏览 收藏

今天golang学习网给大家带来了《为什么 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?》,希望本文对你有所帮助!关注golang学习网公众号,给大家分享更多文章知识!

相关阅读
更多>
最新阅读
更多>
课程推荐
更多>