首页IT科技vue项目部署到服务器上,页面空白(【异常解决】vue项目localhost:8080无法访问此网站或者无法访问此页面,localhost拒绝了我们的连接请求)

vue项目部署到服务器上,页面空白(【异常解决】vue项目localhost:8080无法访问此网站或者无法访问此页面,localhost拒绝了我们的连接请求)

时间2025-08-01 07:38:31分类IT科技浏览6436
导读:一、背景描述 前端页面使用的是vue,vue项目启动成功,没有任何报错,服务控制台已出现APP访问地址,如下图所示:...

一                、背景描述

前端页面使用的是vue               ,vue项目启动成功                        ,没有任何报错       ,服务控制台已出现APP访问地址           ,如下图所示:

点击访问地址                        ,浏览器打开后页面先是空白           ,然后过了一会儿显示无法访问此网站       ,localhost拒绝了我们的连接请求页面                        ,信息如下:

二                      、问题原因

出现此问题的原因有以下几种:请挨个进行检查:

原因1        、项目未成功启动;

原因2            、端口被占用;

原因3                      、Windows功能未启用;

三            、解决方案

针对上述三种原因               ,分别对应三种解决方案:

方案一:重启前端和后端服务

项目未成功启动   ,则需要查看前端项目为什么没有启动成功                       ,这个原因复杂不再具体说明                   ,可以试着重启服务项目,多重启几次               。

方案二:关闭被占用的端口程序                   ,或者换新的其他端口重启服务

最简单的方法便是项目重新换一个新的端口号重启                        。

或者关闭被占用的端口程序                       ,操作如下:

【WIN + R】打开命令提示符   ,输入 netstat -aon|findstr “8081               ”

               ,

(此处我查看的端口是8081                        ,注意更换成自己的端口号)

出现如图所示       ,8081端口被占用           ,且占用该程序的PID号为143132                        ,接着【Ctrl + Alt + Delete】打开任务管理器           ,找到PID号为143132的进程       ,结束该进程                        ,然后再重启服务项目即可       。

方案三:启动Windows功能

打开“我的电脑                        ”               ,选择左上角的“计算机       ”中的“卸载或更改程序           ”           。点击“启用或关闭Windows功能                        ”                        。(Windows10版本的位置在   ,【WIN + I】快捷键打开Windows设置页面                       ,找到<应用–程序和功能>路径下)如下图所示:

点击确定                   ,然后浏览器验证,localhost已经可以访问了!

本文完结!

声明:本站所有文章                   ,如无特殊说明或标注                       ,均为本站原创发布           。任何个人或组织   ,在未征得本站同意时               ,禁止复制        、盗用                      、采集                、发布本站内容到任何网站    、书籍等各类媒体平台       。如若本站内容侵犯了原著者的合法权益                        ,可联系我们进行处理                        。

创心域SEO版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!

展开全文READ MORE
从哪些方面优化网站(如何提高网站的优化速度) 网站如何优化排名好(怎样优化网站排名)