admin 管理员组

文章数量: 887021

如果文章对你有帮助欢迎【关注❤️❤️❤️点赞👍👍👍收藏⭐⭐⭐】一键三连！一起努力！

vue-cli 5.x 版本 使用–open 时，默认打开浏览器，会出现0.0.0.0:8080，浏览器显示无法访问，手动修改为 localhost:8080 可正常打开，但是每次都需要修改就很烦人。

🌍 解决方案一：（推荐使用）

在vue.config.js文件新增：

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  devServer: {
    open: true,
    host: 'localhost',
    port: 8080
  }
})

再次启动项目，浏览器自动打开http://localhost:8080

🌍 解决方案二：

修改node_modules文件下的node_modules/@vue/cli-service/lib/commands/serve.js 文件



将：

const defaults = {
  host: '0.0.0.0',
  port: 8080,
  https: false
}

修改为：

const defaults = {
  host: '127.0.0.1',
  port: 8080,
  https: false
}

即可。

本文标签： 无法访问 浏览器 项目 http Vue

版权声明：本文标题：Vue项目启动默认打开http:0.0.0.0:8080，浏览器显示无法访问，手动修改为 localhost:8080 可正常打开 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.freenas.com.cn/jishu/1727325039h1102001.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。