解决运行Vue项目localhost8080拒绝连接

已于 2022-07-07 15:28:33 修改
阅读量8.5k 收藏 10
点赞数 5
文章标签： vue.js 前端 javascript
于 2022-06-04 00:37:45 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_51646732/article/details/125117839
版权

运行vue项目

npm run serve

项目搭建成功之后，用http://localhost:8080/和ip都连接不了
在这里插入图片描述

在这里插入图片描述

这里我的原因是端口被占用了，8080端口太常用了。
于是把vue的端口改成8787，就可以了

在项目中找到vue.config.js文件
在这里插入图片描述
输入这段代码 devServer: { port: 8787 }
在这里插入图片描述
就可以连接了！
在这里插入图片描述

weixin_51646732
关注
  • 5
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
访问服务器显示我被拒绝,连接到服务器localhost：8080被拒绝(The connection to the server localhost:8080 was refused)...
weixin_35867508的博客
08-04 6925
连接到服务器localhost：8080被拒绝(The connection to the server localhost:8080 was refused)我能够在Kubernetes中聚集2个节点。 主节点似乎运行正常，但在工作节点上运行任何命令都会导致错误：“与服务器localhost：8080的连接被拒绝 - 您是否指定了正确的主机或端口？”从master(node1)，$ kubect...
关于在localhost:8080拒绝服务器访问的问题
孤独的博客
01-03 1万+
声明：本人是在eclipse中配置Tomcat的 经过一系列配置后，在eclise中开启Tomcat服务器，在IE浏览器中输入localhost:8080结果发现服务器拒绝访问 步骤1：首先判断你的eclipse中的Tomcat配置端口是否配置正确 双击这个灰色区域 会显示出此页面，查看HTTP/1.1的端口配置，如果不是8080，就需要修改 步骤2 如果还是不行，这种情况，可能就是你win电脑本地FTP服务未打开 打开我的电脑，点击计算器中的卸载或更改程序选项 搜索启用或关闭Windo
【异常解决】vue项目localhost:8080无法访问此网站或者无法访问此页面，localhost拒绝了我们的连接请求
热门推荐
No8g攻城狮的博客
04-06 4万+
出现如图所示，8081端口被占用，且占用该程序的PID号为143132，接着【Ctrl + Alt + Delete】打开任务管理器，找到PID号为143132的进程，结束该进程，然后再重启服务项目即可。项目未成功启动，则需要查看前端项目为什么没有启动成功，这个原因复杂不再具体说明，可以试着重启服务项目，多重启几次。打开“我的电脑”，选择左上角的“计算机”中的“卸载或更改程序”。点击确定，然后浏览器验证，localhost已经可以访问了！（此处我查看的端口是8081，注意更换成自己的端口号）
ECS 8080端口连接拒绝问题排查
weixin_33709219的博客
05-31 306
用户ECS网络设置 上图是用户ECS的网络示意图： ecs处于vpc网络下 ecs加入了一个安全组，该安全组出入方向均开放8080端口 ecs有两个网卡，一个私网主网卡（有虚线的网卡），一个私网normal网卡 ecs绑定了一个EIP（弹性公网IP）实现与公网互通 问题现象 8080端口无法连接 排查过程 首先确认安全组规则中，的确开放了入和出...
localhost8080拒绝连接 【已解决】
rayding的博客
11-07 3万+
新换了电脑，安装vue的时候发现浏览器显示无法访问，若确定自己的服务正常的情况下，两个步骤解决，特此记录！
404报错localhost8080拒绝连接请求——startup.bat闪退【已解决】
每一次跌倒，都是为了下一次站得更稳。
10-06 860
上面一篇文章的问题解决后，新的错误来了：localhost8080拒绝连接请求 我KAO！404又出来了 果不其然双击startup.bat闪退 把能想到的解决方法都尝试无果后开始疯狂百度… 然后看到个方法，就是在startup.bat的最下面添加pause，可以查看闪退原因 本来我是没看出原因的，所以浪费了我1小时时间去找解决方法。后面快要哭了的时候我又一次运行了startup.bat。然后眼见的发现！！！上面显示的java版本居然是1.7？？？ 然后我去看我本机j
运行vue项目localhost拒绝连接请求
04-22
3. 检查您的防火墙是否阻止了localhost连接请求。如果是的话，您需要在防火墙中添加一个例外。 4. 重新启动您的计算机，有时候这个问题会因为其他进程占用了您的端口号而导致。 如果您尝试以上步骤后问题仍未得到...
vue-cle3项目运行报错sockjs-node-info解决方案.docx
10-26
### vue-cle3项目运行报错sockjs-node-info解决方案 #### 一、问题背景与现象描述 在将vue项目的脚手架工具从vue-cli2.x升级到vue-cli3.x之后，除了面临环境与配置的问题之外，还出现了新的运行时错误。具体来说，...
vue localhost 已拒绝连接
06-28
这个错误提示意味着你的 Vue 项目无法在本地主机上运行。可能是因为你的本地主机没有正确配置或者你的 Vue 项目没有正确启动。你可以检查一下你的本地主机的网络设置，确保它能够连接到互联网。同时，你也可以检查...
vue-cli项目无法用本机IP访问的解决方法
10-17
然而，有时我们可能遇到一个问题，即在尝试通过本机IP地址访问这个开发服务器时，浏览器提示“拒绝了我们的链接请求”，这使得无法在连接到同一局域网的其他设备（如手机）上预览应用。这个问题通常是由于Vue CLI的...
vue项目流程demo示例
tang31415926的博客
03-07 1404
自己写从头做一个vue项目，没什么技术，主要是温故流程。 没写完，只写到创建完项目。
localhost 已拒绝连接。
m0_62600503的博客
10-30 1万+
Tomcat的localhost:8080拒绝访问。直接在tomcat的bin目录下双击startup.bat，启动就好了，再访问localhost:8080就可以出来了。
http://localhost:8080/被拒绝访问
最新发布
yuboyao1012的博客
12-07 1万+
④在Path中添加 %TOMCAT_HOME%;（注意：如果前面有别的路径，需要先加;③在环境变量中新建TOMCAT_HOME的环境变量（变量值是所下载文件在解压之后的位置）。②在环境变量中新建JAVA_HOME的环境变量。（题主之前就已经建立过）错误原因：没有配置环境变量。
tomcat显示localhost 拒绝了我们的连接请求
studying_now111的博客
04-12 4888
之后在新的tomcat安装路径的bin目录下输入cmd,然后启动tomcat，在cmd中输入startup,就可以正常运行tomcat了。，我的jdk是1.8.0_131，tomcat是10.1.7，看了环境变量配置和端口占用都没有问题，后来。修改CATALINA_HOME，将地址变成新的tomcat地址就可以了，之前配置的path路径不用修改。然后解压缩，接着就是修改环境变量的配置（我没有卸载之前下载好的tomcat版本10），测试自己的环境配置是否成功，如果没有问题，就会显示当前tomcat的版本号。
Vue.js-localhost:8080-无法显示此网页-【已经初始化的项目，如何再次在服务器上运行?】
upward
05-27 5631
项目没有启动。网页打不开，localhost:8080没跑起来，命令行窗口要一直保持着运行状态。 然后，才可以到浏览器里面去运行项目。 注意路径。 服务器必须处于开启状态，项目才能在服务器上运行。
Vue项目启动默认打开http://0.0.0.0:8080，浏览器显示无法访问，手动修改为 localhost:8080 可正常打开
weixin_42222436的博客
11-04 4889
vue-cli 5.x 版本 使用–open 时，默认打开浏览器，会出现0.0.0.0:8080，浏览器显示无法访问，手动修改为 localhost:8080 可正常打开，但是每次都需要修改就很烦人。
vue项目使用localhost访问不到
weixin_45926412的博客
09-28 1125
vue项目使用localhost访问失败
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值