vue项目出现此地址,但是访问时显示,嗯… 无法访问此页面localhost 已拒绝连接

vue项目出现此地址,但是访问时显示,嗯… 无法访问此页面localhost 已拒绝连接。

vue项目出现此地址,但是访问时显示,嗯… 无法访问此页面localhost 已拒绝连接_第1张图片
vue项目出现此地址,但是访问时显示,嗯… 无法访问此页面localhost 已拒绝连接_第2张图片

出现原因:端口号8081被占用

解决办法:

1、先查看端口号,win+R打开命令提示符,输入netstat -an,出现很多端口 如图

netstat -an
vue项目出现此地址,但是访问时显示,嗯… 无法访问此页面localhost 已拒绝连接_第3张图片

2、输入netstat -aon|findstr "8081" 查看

(此处我查看的端口号是8081)

netstat -aon|findstr "8081"

出现如图所示,8081端口被占用,且占用该程序的PID号为143132

3、接着Ctrl+Alt+Delete打开任务管理器,如图

vue项目出现此地址,但是访问时显示,嗯… 无法访问此页面localhost 已拒绝连接_第4张图片

点击倒数第二个,如图

vue项目出现此地址,但是访问时显示,嗯… 无法访问此页面localhost 已拒绝连接_第5张图片

4、找到PID号为143132的进程。结束进程

vue项目出现此地址,但是访问时显示,嗯… 无法访问此页面localhost 已拒绝连接_第6张图片
vue项目出现此地址,但是访问时显示,嗯… 无法访问此页面localhost 已拒绝连接_第7张图片

5、回到原vue项目中,新建终端重新运行,即可

vue项目出现此地址,但是访问时显示,嗯… 无法访问此页面localhost 已拒绝连接_第8张图片

你可能感兴趣的:(前端,vue)