相关推荐recommended
【异常解决】vue项目localhost:8080无法访问此网站或者无法访问此页面,localhost拒绝了我们的连接请求
作者:mmseoamin日期:2023-12-02

localhost拒绝了我们的连接请求的解决方案

  • 一、背景描述
  • 二、问题原因
  • 三、解决方案
    • 方案一:重启前端和后端服务
    • 方案二:关闭被占用的端口程序,或者换新的其他端口重启服务
    • 方案三:启动Windows功能

      一、背景描述

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

      【异常解决】vue项目localhost:8080无法访问此网站或者无法访问此页面,localhost拒绝了我们的连接请求,在这里插入图片描述,第1张点击访问地址,浏览器打开后页面先是空白,然后过了一会儿显示无法访问此网站,localhost拒绝了我们的连接请求页面,信息如下:

      【异常解决】vue项目localhost:8080无法访问此网站或者无法访问此页面,localhost拒绝了我们的连接请求,在这里插入图片描述,第2张

      二、问题原因

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

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

      原因2、端口被占用;

      原因3、Windows功能未启用;

      三、解决方案

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

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

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

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

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

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

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

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

      【异常解决】vue项目localhost:8080无法访问此网站或者无法访问此页面,localhost拒绝了我们的连接请求,在这里插入图片描述,第3张

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

      方案三:启动Windows功能

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

      【异常解决】vue项目localhost:8080无法访问此网站或者无法访问此页面,localhost拒绝了我们的连接请求,在这里插入图片描述,第4张【异常解决】vue项目localhost:8080无法访问此网站或者无法访问此页面,localhost拒绝了我们的连接请求,在这里插入图片描述,第5张

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

      本文完结!