vue-cli 5.0.1 出现0.0.0.0:8080 解决办法

已于 2022-02-20 09:45:35 修改
阅读量4.4k 收藏 7
点赞数 6
文章标签： vue.js javascript 前端
于 2022-02-20 09:35:40 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41375754/article/details/123027325
版权

前几天看见脚手架发布的新版本推送，昨天更新创建了一个vue3的项目试了一下 在改了自动打开网页以后出现了0.0.0.0:8080
在这里插入图片描述
最后试了网上的各种办法，没辙 只能把vue-cli 降级为 4.5.15 成功的又好了
降级命令:

   卸载当前脚手架
   npm uninstall -g vue-cli
   安装指定版本脚手架
   npm install -g @vue/cli@4.5.15

在这里插入图片描述

心有星辰大海
关注
  • 6
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 9
    评论
vue-cli-plugin-multiple-page:基于vue-cli https的buildwatch多页面条目插件
05-30
vue-cli-plugin-multiple-page 一个基于 vue-cli 捆绑多个页面的插件。 与vue-cli's pages配置不同，它是通过将多个页面分片到不同的 webpack 配置来处理的 用法 在你的 vue-cli 创建的项目中安装插件，如果没有请...
vue-cli4-config：vue-cli4配置vue.config.js持续更新
02-06
vue-cli4全面配置（持续更新）细致全面的vue-cli4配置信息。涵盖了使用vue-cli开发过程中大部分配置需求。不建议直接拉取此项目作为模板，希望能按照此教程按需配置，或者复制vue.config.js增删配置，并自行安装所需...
其他人如何查看前端工程师在本地跑的vue项目（0.0.0.0）
01-20
因为现在一般都是前后端分离开发的模式， 有时候后台的同事需要查看当前的项目，我们应该怎么办呢。例如我们现在开发的vue项目。 其实很简单只要前端在项目中设置一下就行 那就是在config文件夹下的index.js文件中 将 host : ‘localhost’,修改为 host: ‘0.0.0.0’ 就可以了。 然后别人只需要访问 http:// + 前端电脑的IP地址 + 端口号 就可以直接访问他本地在跑的项目了！ 话不多说，直接上图 ↓↓↓ 我们创建的项目中host 的默认值为 localhost，我们要做的就是将他的值修改为 0.0.0.0 然后获取前端同学的IP地址 例如我的是 1
vue1.0学习总结
t91zzh5f的专栏
02-08 1733
前言 　　使用vue已经有三、四个月了，但是只是学着使用了一些基本方法。因为现在的前端框架越来越多（Angular，React...），但是我相信万变不离其宗，很多用法框架之间还是想通的，所以借总结的vue的机会深入了解vue到每个细节，以后能更加熟练地使用vue，有机会也能在别的框架中体会相通的思想。 一、基本&&重点介绍 兼容性：vue不支持IE8及以下版本，因为IE8不支持vue所
使用vue-cli创建项目，运行时发生浏览器无法建立0.0.0.0:8080服务器连接，解决方案
xiayngbaidu12345的博客
04-26 837
使用vue-cli创建项目，运行时发生浏览器无法建立0.0.0.0:8080服务器连接，解决方案
vue-cli 5.0.1 默认打开浏览器出现0.0.0.0:8080 解决办法
weixin_53677404的博客
05-11 1009
找到文件 /node_modules/@vue/cli-service/lib/commands/serve.js const defaults = { host: '0.0.0.0', port: 8080, https: false } 修改属性即可
vue设置启动项目自动打开浏览器后出现http://0.0.0.0:8081/
szh1127249432的博客
11-08 494
vue设置启动项目自动打开浏览器后出现http://0.0.0.0:8081/
vue-cli-plugin-vite：与vue-cli一起使用Vite Today
03-04
无需任何代码库修改即可直接使用的vue-cli项目。 目录 用法 vue add vite 插件的生成器将为相应的main。{js，ts}编写一些main.html ，因为vite需要html文件作为dev-server条目文件 动机 我们有很多现有的vue-cli...
详解如何配置vue-cli3.0的vue.config.js
12-02
本文介绍了如何配置vue-cli3.0的vue.config.js，分享给大家，具体如下： vue-cli 3 英文文档 vue-cli 3 中文文档 webpack 4 plugins webpack-chain TLDR vue-cli 3 与 2 版本有很大区别 vue-cli 3 的 github 仓库由...
vue-cli-plugin-auto-routing:自动解决页面和布局路由
05-02
vue-cli-plugin-自动路由 提供自动路由功能的Vue CLI插件。概述确保您处于由Vue CLI> = v3生成的项目中。 您可以通过运行以下命令来安装此插件： # If you did not install router plugin yet$ vue add router# ...
vue-cli-plugin-quasar：Quasar Framework Vue CLI插件
02-03
类星体框架：vue-cli-plugin-quasar :rocket: 在2分钟内开始使用Quasar Framework构建Vue应用！ :warning_selector: 为了获得Quasar的高级（推荐）体验，包括构建Mobile＆Electron应用程序以及轻松升级到新...
vue-cli脚手架的.babelrc文件用法说明
10-14
`.babelrc` 文件是 Vue CLI 脚手架中的一个重要配置文件，用于定义 Babel 的转码规则和插件。Babel 是一个广泛使用的 JavaScript 编译器，它允许开发者使用 ES6+ 甚至实验性语言特性，然后将这些新特性转换为广泛...
vue-cli-plugin-windicss::leaf_fluttering_in_wind:适用于Vue CLI的Windi CSS:high_voltage:
03-25
vue-cli-plugin-windicss 于Vue CLI的 ，速度很快！ :high_voltage: aka按需Tailwind CSS 特征 :high_voltage: 快速-比快20到100倍 :puzzle_piece: 按需CSS实用程序（与Tailwind CSS v2兼容）和本机元素样式...
解决Vue-cli3没有vue.config.js文件夹及配置vue项目域名的问题
01-21
1.在vue项目根目录下新建vue.config.js（不是在src下面） vue.config.js配置文件： module.exports = { // 基本路径 baseURL已经过时 publicPath: './', // 输出文件目录 outputDir: 'dist', // eslint-loader...
challenging-vue-cli:挑战Vue.js（vue-cli）
03-06
挑战性的挑战项目设置yarn install编译和热重装以进行开发yarn serve编译并最小化生产yarn build运行单元测试yarn test:unit运行端到端测试yarn test:e2e整理和修复文件yarn lint自定义配置请参阅。
@vue/cli 5.0.1脚手架报错 1:1 error Component name “XXXX“ should always be multi-word vue/multi-word-
weixin_44967580的博客
03-04 2016
报错： 1:1 error Component name “Login” should always be multi-word vue/multi-word-component-names 原因分析： 是我们组件名不规范导致的，官方建议采用驼峰式命名 解决方案1： 组件使用驼峰命名 解决方案2： 关闭这个命名校验 加上下图框中的配置即可 const { defineConfig } = require('@vue/cli-service') module.exports = defineConfi
vue运行项目自动打开浏览器访问0.0.0.0
qq_56463255的博客
11-07 781
--open自动打开浏览器localhost无法自动访问127.0.0.1。
vue项目满足localhost和IP同时访问，又避免启动页面时地址为为0.0.0.0
熊小露的博客
10-30 1673
为了让别人的电脑在同一个网络下访问自己的项目，于是设置了： 但是这样会导致Vue 项目启动打开网页的地址是0.0.0.0，要手动输入localhost，避免不必要的麻烦：webpack.dev.conf.js 添加： devServer: { useLocalIp:true, } ...
Vue 项目启动默认打开 http://0.0.0.0:8080 ，浏览器无法访问
Vvaans的博客
03-08 2719
5.x 版本 使用–open 时，默认打开浏览器，会出现 0.0.0.0:8080，浏览器显示无法访问。或者在 package.json 中的启动命令添加–host localhost。在 devServer 配置项中添加 host 为 localhost。虽然这个方案解决了问题，但是也产生了新的问题，并不完美。在 vue.config.js 文件中配置进行如下配置。我们可以看到此时的两个地址是相同的。vue.config.js 配置。所以有了第二个解决方案。这里设置的优先级更高。
npm i vue-cli [..................] - idealTree:Manage: sill idealTree buildDeps
最新发布
05-18
npm i vue-cli 是一条命令，它的作用是通过npm安装vue-cli这个工具包，vue-cli是一个基于Vue.js进行快速开发的完整系统。安装了vue-cli之后，你就可以用它来快速构建一个Vue.js的项目。在使用vue-cli创建项目时，会自动生成一些初始文件和目录，帮助你快速开始Vue.js项目开发。 关于命令中出现的 [..................] - idealTree:Manage: sill idealTree buildDeps ，这是npm在执行安装过程中的输出信息，通常可以忽略。在执行完毕后，如果出现了类似于"success"等字样的提示，则表示安装成功。如果出现了错误提示，则需要根据提示信息解决问题。如果你有任何关于使用vue-cli的问题，欢迎继续咨询我。
评论 9
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值