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

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

时间2025-09-19 12:58:22分类IT科技浏览7491
导读:一、背景描述 前端页面使用的是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
数据预处理主要步骤(机器学习中的数据预处理方法与步骤)