踩坑---vue-cli搭建的项目中localhost不能访问

最新推荐文章于 2025-03-13 18:20:02 发布
转载 最新推荐文章于 2025-03-13 18:20:02 发布 · 886 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/yunhemeihe/p/10807656.html
文章标签：

#javascript #ViewUI

本文介绍如何将config文件夹中index.js文件内的dev模块的host设置从'localhost'更改为'0.0.0.0'，完成此更改后，需要重新启动服务器。

只需要在config文件夹里面的index.js文件里面的module.exports下面的dev中的 host:'localhost' 改为 host:'0.0.0.0' ,然后重启服务器

转载于:https://www.cnblogs.com/yunhemeihe/p/10807656.html

ddtbem4621
关注
配置NODE开发环境使用vue-cli脚手架搭建VUE—Admin项目
✎﹏ℳ๓₯三ོ岁ꦿ会撩人
03-09 1万+
前言：VUE是目前最火的前端框架之一就业薪资很高，此篇文章手把手教您如何快速学会搭建使用VUE框架，对正在工作当中或打算学习VUE高薪就业的你来说，那么这门技术便是你手中的葵花宝典。 一、Linux系统下搭建VUE开发环境 1、下载NOED安装包（手动下载或wegt下载） 手动官网下载并scp上传至linux服务器 下载SCPwin工具即可进行上传或者最原始的rz sz命令具体操作如...
【vue+微信公众平台开发的踩坑记录】之一 利用vue-cli搭建开发环境
rinyPeng的博客
05-12 4386
作为国内主流的三大mv类框架，vue的主要优势在于其轻量和上手快。除此以外，她还有很多比其他两大框架要好的地方，比如可读性更强的语法和更好的数据绑定方式。可能是因为她出生比较晚，有更多的机会去借鉴和吸收吧，而取长补短的结果就是现在我们看到的vue。当然，我写这篇文章的目的不是对比框架，相信来看这篇文章的人绝大部分都是准备或刚入坑的，所以废话就不多说了，作为vue踩坑记录系列的首篇，希望大家看完后能...
vue-cli初始化项目时localhost打不开
CXJ_9280的博客
05-17 2553
在用vue-cli脚手架初始化项目时npm run dev 运行后报错说localhost打不开： Error: listen EADDRNOTAVAIL: address not available 175.8.167.49:8080 at Server.setupListenHandle [as _listen2] (net.js:1253:19) at listenInCl...
解决VUE项目localhost端口服务器拒绝连接,只能用127.0.0.1的问题
10-14
主要介绍了解决VUE项目localhost端口服务器拒绝连接,只能用127.0.0.1的问题
vue启动 localhost无法访问
最新发布
日积月累的博客
03-13 653
这样设置后，你可以通过 localhost:8080 、 127.0.0.1:8080 和局域网 IP 来访问你的应用。- localhost 是一个域名，需要通过 DNS 解析或本地 hosts 文件解析为 IP 地址。1. 使用 0.0.0.0 作为 host，这样可以允许通过所有网络接口访问。host: '0.0.0.0', // 允许通过所有网络接口访问。- 127.0.0.1 是直接的 IP 地址，不需要解析过程。- 本地 hosts 文件配置问题。- DNS 解析问题。
【异常解决】vue项目localhost:8080无法访问此网站或者无法访问此页面，localhost拒绝了我们的连接请求
热门推荐
No8g攻城狮的博客
04-06 6万+
出现如图所示，8081端口被占用，且占用该程序的PID号为143132，接着【Ctrl + Alt + Delete】打开任务管理器，找到PID号为143132的进程，结束该进程，然后再重启服务项目即可。项目未成功启动，则需要查看前端项目为什么没有启动成功，这个原因复杂不再具体说明，可以试着重启服务项目，多重启几次。打开“我的电脑”，选择左上角的“计算机”中的“卸载或更改程序”。点击确定，然后浏览器验证，localhost已经可以访问了！（此处我查看的端口是8081，注意更换成自己的端口号）
vue-socket.io踩坑总结（跨域问题，数据接收问题，koa无法connection问题，部分细节问题）
weixin_44489222的博客
11-25 6303
最近项目上要用到socket服务，捣鼓了一天，踩了很多坑，记录一下。 项目架构 koa2 + vue/cli3 先看一下网上有没有现成的库，搜索一下：vue socket，发现有一个vue-socket.io库，还蛮多人用的，跟着网上的写法走。 socket.io搭建使用 koa2增加socket.io npm i socket.io -S koa2使用的中间件模式，将socket和http共用一个端口 // app.js const Koa = require('koa') const a.
开源的H5即时聊天系统 spring-boot + netty + protobuf + vue ~
lanmingxiang的博客
05-17 2347
前言 一篇文章引发的思考？ 一次读公号推文, 发现一篇文章写得特好, 勾起了好奇心 《群聊比单聊，为什么复杂这么多？》, @沈大大. GitHub 地址 him-vue 前往 him-netty 前往 心路历程 第一阶段, 刚看完文章时, 特别兴奋, 开始着手, 花了一个月把聊天界面基本弄, 然后着手于后端, 经过些简单的调研, 决定用 netty 搭建一个, 后面发现里面...
零基础VUE+Vuetify基础环境搭建并使用WebStorm开发
qq_24380005的博客
02-18 1516
零基础VUE+Vuetify基础环境搭建并使用WebStorm开发零基础VUE+Vuetify基础环境搭建node.js安装检查Vue版本使用WebStorm开发创建Vuetify项目 零基础VUE+Vuetify基础环境搭建 最近前端人口紧缺，加上我认为后端对前端也需要进行一定的了解，所以产生了这篇文章，来描述一个前端零基础的人搭建VUE+Vuetify的心路历程（踩坑之路） node.js安装 这里需要注意，我们的node.js不能安装到带空格的路径下（Program File），因为我后续是使用Web
vue axios 部署到服务器 访问localhost是不行的
jonathan_joestar的博客
07-13 1342
vue axios 部署到服务器 访问localhost是不行的，就算相对于服务器来说，后端就是localhost，但是他访问不通，必须用ip
使用vscode在使用npm运行vue项目时出现无法访问localhost情况，找不到页面
weixin_51983847的博客
08-28 1796
原因分析：index.html被移到了public下的static文件夹下，目录错了将index.html页面从public移动至根目录package.json同一级目录下，问题得以结解决。
vue启动成功，无法访问localhost:8080,以及用ip进行访问———无法显示此页面
远方的博客
12-11 1万+
vue启动成功，无法访问localhost:8080,以及用ip进行访问———无法显示此页面 1. 最近在进行vue环境搭建的时候遇到一个问题困扰了一个多小时一直无法解决，在百度csdn上一直找解决方案，好多都是驴唇不对马嘴，在这里给大家发一下看有没有相同问题的朋友。 附上问题图： 2. 之所以出现这个问题是因为，端口被占用了，我也尝试过其他解决方案，修改index.js里面的localhost...
vue项目使用localhost访问不到
weixin_45926412的博客
09-28 1744
vue项目使用localhost访问失败
vue把localhost改成ip地址无法访问—解决方法
qq_38472535的博客
07-20 486
vue把localhost改成ip地址无法访问—解决方法
vue项目出现此地址，但是访问时显示，嗯… 无法访问此页面localhost 已拒绝连接
m0_65380423的博客
01-08 9913
vue项目能运行出现地址，但是访问时显示，嗯… 无法访问此页面localhost 已拒绝连接
利用vue-cli构建的项目localhost改ip后无法访问
xm2by的博客
12-25 2014
localhost改ip后无法访问
vue-cli项目无法用ip访问
公众号@三十的编程日记
02-19 868
在build目录下有一个webpack.dev.conf.js的配置文件，其中的host属性取自 host: HOST || config.dev.host  所以要去看一下config.dev.host，在config目录下index.js文件中找到dev对象的host属性（原来的是localhost，改成0.0.0.0） 这样就可以使用本机IP访问项目了。  ...
vue-cli 启动本地服务局域网不能访问的原因分析
Lujunwei0205的博客
04-06 1278
原文链接：https://lhajh.github.io/vue/2018/02/08/Reason-why-vue-cli-starts-local-service-LAN-not-accessible.html 问题描述 本地 vue-cli 启动了一个项目只能通过localhost:8080访问到，同一局域网下其他的手机和电脑 (包括本机) 并不能通过 ip 地址访问调试 原因 关于这个问题，其实是因为新版 webpack 导致的，因为我们使用 vue-cli 来构建项目的时候，一般都会选..
使用vue-cli3/4结合vue ui搭建elementui项目教程
"这篇文稿主要介绍了如何使用vue-cli3/4通过vue ui来创建一个基于Element UI的Vue.js项目，以及vue-cli2与vue-cli3/4在项目目录结构上的区别。" Vue CLI（命令行接口）是Vue.js官方提供的一个脚手架工具，用于快速...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符  | 博主筛选后可见
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值