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

最新推荐文章于 2024-04-26 10:54:45 发布
最新推荐文章于 2024-04-26 10:54:45 发布
阅读量7.4k 收藏 22
点赞数 7
文章标签： 前端 vue Powered by 金山文档
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_65380423/article/details/128602151
版权

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

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

解决办法：

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

netstat -an

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

（此处我查看的端口号是8081）

netstat -aon|findstr "8081"

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

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

点击倒数第二个，如图

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

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

畏迁c
关注
  • 7
    点赞
  • 踩
  • 22
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
vue启动成功，无法访问localhost:8080,以及用ip进行访问———无法显示此页面
远方的博客
12-11 1万+
vue启动成功，无法访问localhost:8080,以及用ip进行访问———无法显示此页面 1. 最近在进行vue环境搭建的时候遇到一个问题困扰了一个多小时一直无法解决，在百度csdn上一直找解决方案，好多都是驴唇不对马嘴，在这里给大家发一下看有没有相同问题的朋友。 附上问题图： 2. 之所以出现这个问题是因为，端口被占用了，我也尝试过其他解决方案，修改index.js里面的localhost...
【提高用户体验】localhost无法访问此网站或者无法访问此页面
qq_42408141的博客
10-28 160
💔💔💔后台研发发现设备开机，直接启动项目【java+vue（nwjs-package.json-main:http://localhost:8080）】，页面直接显示localhost无法访问此网站，用户需等待十秒左右点击【重新加载】进入系统登录页面。
Win10自带Edge浏览器打开提示“无法访问此页面”，其他浏览器正常
最新发布
famous_pengfei的博客
04-26 1196
这些方法旨在帮助用户快速定位问题所在，并提供一些实用的步骤来解决Edge浏览器无法访问网页的问题，从而确保他们的网络浏览体验不受影响。无论是因为网络设置的问题，还是因为Edge浏览器本身的配置错误，或者是其他潜在的技术问题，这些解决方法都能为用户提供一个清晰的指导，帮助他们迅速恢复正常使用Edge浏览器。然而，当我们在使用Windows 10自带的Edge浏览器时，可能会遇到一些令人头疼的问题，比如打开网页时提示“无法访问此页面”，而其他浏览器却能正常访问。
【异常解决】vue项目localhost:8080无法访问此网站或者无法访问此页面，localhost拒绝了我们的连接请求
No8g攻城狮的博客
04-06 3万+
出现如图所示，8081端口被占用，且占用该程序的PID号为143132，接着【Ctrl + Alt + Delete】打开任务管理器，找到PID号为143132的进程，结束该进程，然后再重启服务项目即可。项目未成功启动，则需要查看前端项目为什么没有启动成功，这个原因复杂不再具体说明，可以试着重启服务项目，多重启几次。打开“我的电脑”，选择左上角的“计算机”中的“卸载或更改程序”。点击确定，然后浏览器验证，localhost已经可以访问了！（此处我查看的端口是8081，注意更换成自己的端口号）
vue项目不能使用localhost访问
云别
01-14 5668
vue项目不能使用localhost访问问题解决办法 问题 vue项目不能使用localhost访问,但是使用本机的ip加端口号是可以访问的 解决办法 如果使用的是webstorm的话.可能右下角会有错误的提示,打开就会发现提示win10的防火墙拦截了 所以,关闭防火墙.再次使用localhost访问 OK,问题解决~ ...
localhost8080拒绝连接 【已解决】
rayding的博客
11-07 3万+
新换了电脑，安装vue的时候发现浏览器显示无法访问，若确定自己的服务正常的情况下，两个步骤解决，特此记录！
edge浏览器显示无法访问此页面？（网络正常版）详细解决措施，亲测有用！
weixin_65858849的博客
04-16 4万+
网络正常的情况下，edge浏览器显示无法访问此页面 解决措施
本地服务：无法访问此网站 localhost 拒绝了我们的连接请求。ERR_CONNECTION_REFUSED
热门推荐
邵杰子龙
06-21 25万+
错误原因，服务没有开启。 解决办法： 快捷键：win+R 再输入：services.msc 然后选择你要启动的服务，右击启动就可以了。
解决运行Vue项目localhost8080拒绝连接
weixin_46801232的博客
07-29 3273
解决运行Vue项目localhost8080拒绝连接
本地服务：无法访问此网站 localhost 拒绝了我们的连接请求。ERR_CONNECTION_REFUSED
Fansi_XXX的博客
01-04 7481
问题： 可能的解法：打开startup.bat 后确定tomcat启动成功后不要关闭窗口，缩小至最小化即可 不要关闭这个页面，因为后面输入http://localhost:8080 需要用它 缩小至最小化后(切勿关闭！！！)再在浏览器上输入此地址http://loc...
解决VUE项目localhost端口服务器拒绝连接,只能用127.0.0.1的问题
10-14
主要介绍了解决VUE项目localhost端口服务器拒绝连接,只能用127.0.0.1的问题
完美解决通过IP地址访问VUE项目的问题
10-15
在开发Vue项目时，我们通常使用`localhost`或者`127.0.0.1`来运行项目，但这只允许我们在本地环境进行测试。如果需要让其他设备（如手机或另一台电脑）访问我们的Vue应用，我们就需要通过IP地址来访问。本文将详细...
vue 项目中当访问路由不存在的时候默认访问404页面操作
10-14
主要介绍了vue 项目中当访问路由不存在的时候默认访问404页面操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
localhost已拒绝连接，解决办法。
m0_51541196的博客
11-14 12万+
最近开始在学springboot 跟着csdn上的大佬做新手任务 写一个hello world 的题目，结果第一关就卡着了！！localhost网页显示打不开！ 我就在网上找各种方法（这里说的问题确实可能导致localhost打不开），什么jdk版本不兼容呀（1.8的jdk还是比较好的，推荐下载 我现在换成1.8了），端口号被占用，tomcat出问题了。等等等等 我都尝试了个遍，用了一天的时间去改，都尝试了一遍，始终解决不了问题，如果你们也像我一样的话，那么可能我们就是遇到了同样的问题--------
Vue中，超链接被拦截
weixin_44062380的博客
04-22 850
Vue中，超链接被拦截 之前在使用vue开发的时候，出现这么一个问题 我写一个超链接，想要打开新窗口，前往外链接： <a href="www.baidu.com" target="_blank">前往百度</a> 但是点击以后，却被路由拦截了： 硬是给我加上了 localhost:8080 网上查了很多方法，又说在 js 中用window.location.herf的，又说不要用超链接的 后来我发现，解决的方法很简单 只要在超链接地址前，加上协议名称就行了 .
vue code运行调试时显示localhost 拒绝了我们的连接请求
weixin_43791086的博客
11-24 1万+
问题如标题，详细描述如下： 在我用vue code写了一个html文件后，想运行调试一下，按F5后，浏览器出现了如下图的内容： 此时，我的launch.json的文件显示： 这是系统默认的配置，用这样的配置是打不开的！ 那么解决方法来了！ 我们要添加一行 “file”: “${workspaceFolder}/index.html” 即如下所示： 问题又来了，我发现file出错了，经过我百度＋尝试发现，我需要把url，webRoot注释掉。 如下所示： 然后！成功了！ 此时，我又尝试了另一种方法：
Vue.js - 如何解决Vue项目IP地址无法访问的问题？
牧码的博客
08-06 3697
Vue脚手架vue-cli起的webpack项目，用localhost可以正常访问，切换到ip就提示无法访问此网站，下面是详细的介绍。 在编写项目时，有的时候localhost的链接是可以正常访问的，但是我们需要在其他设备上也访问到改地址，所以就需要ip地址进行访问了，但是ip访问提示我们无法访问此网站。 查看 config 文件夹下的 index.js 修改index.......
VUE前端应用部署页面访问404问题
qq_35120986的博客
04-02 1万+
VUE前端应用部署页面访问404问题；页面缓存问题
vue localhost 已拒绝连接
06-28
### 回答1： 这个错误提示意味着你的 Vue 项目无法在本地主机上运行。可能是因为你的本地主机没有正确配置或者你的 Vue 项目没有正确启动。你可以检查一下你的本地主机的网络设置，确保它能够连接到互联网。同时，你也可以检查一下你的 Vue 项目的配置文件，确保它正确地设置了本地主机的地址和端口号。如果你还是无法解决这个问题，建议你查看一下 Vue 的官方文档或者向社区寻求帮助。 ### 回答2： Vue.js 是一款流行的前端 JavaScript 框架，它的开发环境需要在本地安装 Node.js 和 Vue CLI。当我们在使用 Vue.js 进行本地开发时，有时候会遇到错误提示“localhost 已拒绝连接”。这是由于一些原因导致的问题，下面我们来分析一下可能的原因和解决方法。 首先，可能是因为本地服务器未运行或已关闭，导致浏览器无法连接到 localhost。此时，我们需要通过命令行进入项目根目录，并输入“npm run serve”命令，以启动本地服务器。 其次，可能是因为防火墙禁止了本地服务器的访问。在 Windows 操作系统中，我们需要进入“控制面板”>“系统和安全”>“Windows Defender 防火墙”>“允许应用通过Windows 防火墙”，然后找到 Vue CLI 并勾选其允许通过防火墙的选项。在 Mac 操作系统中，则需要进入“系统偏好设置”>“安全性与隐私”>“防火墙”>“防火墙选项”，然后添加 Vue CLI 并勾选其允许通过防火墙的选项。 还有可能是路由配置错误或其他程序错误导致的问题。这时，我们需要检查路由配置、组件代码和 Vue.js 版本等相关代码，确保其正确无误。如果无法自己解决问题，可以尝试在 Vue.js 社区或其他技术社区求助，或者咨询专业的开发人员。 综上所述，当遇到“localhost 已拒绝连接”的错误提示时，我们需要先检查本地服务器是否正常运行，并检查防火墙设置是否正确。如果这些都没有解决问题，就需要检查代码是否存在问题，或者寻求专业人员的帮助。只要耐心细致地排查，就一定能够解决这个问题，顺利进行 Vue.js 的开发工作。 ### 回答3： Vue.js 是一款流行的前端框架，它极大地简化了前端开发过程，但在使用过程中可能会遇到 "vue localhost 已拒绝连接" 的问题。这个问题通常是由于端口被占用或者未正确启动导致的，下面详细讲解如何解决这个问题。 首先，我们需要确定是否解决端口被占用的问题。我们可以通过打开终端并输入 `lsof -i:<port-number>` 的命令来查看端口是否已被占用，其中 `<port-number>` 是指 Vue 项目运行的端口号。如果显示有进程占用了该端口，则需要终止占用该端口的进程或者更改该进程的端口号。我们可以通过 `kill <PID>` 的命令来杀死该进程，其中 `<PID>` 是指占用该端口的进程号。如果你不知道进程号，可以使用 `lsof -i:<port-number>` -t 的命令来获取该进程的 PID。 如果您确定没有端口被占用的问题，那么就需要检查您的 Vue 项目是否已经正确启动了。首先，我们需要进入 Vue 项目的根目录，并且运行 `npm run serve` 启动 Vue 项目。如果您使用的是 yarn，那么运行 `yarn serve` 启动项目。如果在启动过程中出现错误，错误信息会显示在终端上，您可以根据提示信息调整您的代码或配置文件，直到成功地启动项目。 如果所有的检查都没有发现问题，那么还有可能是由于浏览器缓存问题导致的。我们可以尝试清除浏览器缓存并重新启动 Vue 项目来解决该问题。 总的来说，"vue localhost 已拒绝连接" 的问题通常是由于端口被占用或者Vue 项目未正确启动导致的。通过对以上可能出现的问题进行逐一排查，您可以快速定位问题并解决它。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值