解决运行Vue项目localhost8080拒绝连接

最新推荐文章于 2024-08-05 18:19:35 发布
最新推荐文章于 2024-08-05 18:19:35 发布
阅读量3.3k 收藏
点赞数 1
分类专栏： 项目 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46801232/article/details/126061676
版权

解决运行Vue项目localhost8080拒绝连接
1.记得查看前端项目的端口号是3000，并不是8080
2.前端服务启动首先会加载静态资源，而后加载后端资源，当前端资源加载完毕后，后端资源未加载成功，会报如下错误：
在这里插入图片描述

jhh_seven
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
VUE项目localhost端口服务器拒绝连接，只能用127.0.0.1的问题
Lele
07-25 4187
Vue项目不能使用localhost:8xx0进入项目，但是将localhost替换为127.0.0.1却可以进入。 ????解决办法： ????进入文件 C:\Windows\System32\drivers\etc\hosts ????用记事本打开 hosts 文件进行编辑，看看文件里是否有 127.0.0.1 localhost localhost 127.0.0.1 如果没有的话就加上,具体加载如下附进 # 127.0.0.1 localhost # ::1
vue项目在线上服务器访问失败原因分析
10-14
主要介绍了vue项目在线上服务器访问失败原因分析，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
localhost8080拒绝连接，解决方法
weixin_42888180的博客
10-18 1614
添加以上这段代码，换成8787，实际上大家可以换成其他的，然后就可访问了，如果还不行的话需要找其他方法了！文件夹里找到config.js。
vue启动成功，无法访问localhost:8080,以及用ip进行访问———无法显示此页面
远方的博客
12-11 1万+
vue启动成功，无法访问localhost:8080,以及用ip进行访问———无法显示此页面 1. 最近在进行vue环境搭建的时候遇到一个问题困扰了一个多小时一直无法解决，在百度csdn上一直找解决方案，好多都是驴唇不对马嘴，在这里给大家发一下看有没有相同问题的朋友。 附上问题图： 2. 之所以出现这个问题是因为，端口被占用了，我也尝试过其他解决方案，修改index.js里面的localhost...
【异常解决】vue项目localhost:8080无法访问此网站或者无法访问此页面，localhost拒绝了我们的连接请求
热门推荐
No8g攻城狮的博客
04-06 4万+
出现如图所示，8081端口被占用，且占用该程序的PID号为143132，接着【Ctrl + Alt + Delete】打开任务管理器，找到PID号为143132的进程，结束该进程，然后再重启服务项目即可。项目未成功启动，则需要查看前端项目为什么没有启动成功，这个原因复杂不再具体说明，可以试着重启服务项目，多重启几次。打开“我的电脑”，选择左上角的“计算机”中的“卸载或更改程序”。点击确定，然后浏览器验证，localhost已经可以访问了！（此处我查看的端口是8081，注意更换成自己的端口号）
vue项目出现此地址，但是访问时显示，嗯… 无法访问此页面localhost 已拒绝连接
m0_65380423的博客
01-08 7673
vue项目能运行出现地址，但是访问时显示，嗯… 无法访问此页面localhost 已拒绝连接
vue code运行调试时显示localhost 拒绝了我们的连接请求
weixin_43791086的博客
11-24 1万+
问题如标题，详细描述如下： 在我用vue code写了一个html文件后，想运行调试一下，按F5后，浏览器出现了如下图的内容： 此时，我的launch.json的文件显示： 这是系统默认的配置，用这样的配置是打不开的！ 那么解决方法来了！ 我们要添加一行 “file”: “${workspaceFolder}/index.html” 即如下所示： 问题又来了，我发现file出错了，经过我百度＋尝试发现，我需要把url，webRoot注释掉。 如下所示： 然后！成功了！ 此时，我又尝试了另一种方法：
vscode运行无法访问此网站localhost 拒绝了我们的连接请求。
qcn16的博客
09-19 1248
"file" : "${workspaceFolder}/task-tracker.html"
vue项目运行遇到Network: unavailable的情况，怎么解决
qq_43436008的博客
10-18 3360
问题1：vue项目运行遇到Network: unavailable的情况，怎么解决 解决方案1： 1）在vue.config.js中加上被选中的部分 2）重新运行项目即可
解决VUE项目localhost端口服务器拒绝连接,只能用127.0.0.1的问题
10-14
主要介绍了解决VUE项目localhost端口服务器拒绝连接,只能用127.0.0.1的问题
Vue3项目打包后部署到服务器 请求不到后台接口解决方法
10-15
本文将详细介绍如何解决Vue3项目打包后部署到服务器请求不到后台接口的问题。 首先，我们要理解问题的根本原因。在本地开发时，我们通常会使用Vue CLI的`vue.config.js`配置文件中的`devServer.proxy`选项来设置...
vue-cli项目无法用本机IP访问的解决方法
12-11
启动vue-cli项目服务，用本机IP无法访问此网站，拒绝了我们的链接请求。从而无法从手机上预览效果 原因分析 在我们的bulid目录下有一个webpack.dev.config.js的配置文件，发现devServer对象里的host属性取自process....
【Vue3】element-plus中el-tree的递归处理赋值回显问题
最新发布
weixin_62980497的博客
08-05 92
回显 -> 递归处理所有层级菜单选中的id。只要勾选一个子节点，回来接收到的父节点数据。整体思路很简单：初始化树 -> 处理。所以涉及到了权限管理和菜单管理。会显示 ，会显示所有子节点数据。由于项目是从0-1开始构建的。
从0开始搭建vue + flask 旅游景点数据分析系统（ 八）：美化前端可视化图形
roccreed的专栏
08-05 140
前端echarts可视化三个图形的美化
如何快速编写一个 Web Components 组件？
梦是太匆
08-05 328
Web Components 是一种用于构建可复用的定制元素的技术，它允许开发者创建自定义的 HTML 标签，提供了一种在不同框架和库中共享组件的方式。
cesium vue2 绘制立体几何区域
qq_42657934的博客
08-05 168
【代码】cesium vue2 绘制立体几何区域。
Vue Flow: 高效构建可视化工作流的利器
专注于全栈开发领域
08-05 616
Vue Flow 是一个用于构建和操作节点连接图（node-based diagrams）的 Vue.js 组件库。它可以用来创建动态的工作流、流程图、组织结构图等。Vue Flow 提供了灵活的 API 和直观的界面，使得开发者能够轻松地定义节点、边和布局，并通过事件和钩子函数进行交互。Vue Flow 允许开发者自定义节点和边的样式和行为。
如何使用 Vue.js 实现炫酷网页效果：从动态数据可视化到动画按钮的全面示例
Hellc007的博客
08-02 1072
这里是一些完整的 Vue.js 示例代码，你可以直接复制这些代码到你的 Vue 项目中并运行，来看到具体的效果。
运行vue项目localhost拒绝连接请求
04-22
3. 检查您的防火墙是否阻止了localhost连接请求。如果是的话，您需要在防火墙中添加一个例外。 4. 重新启动您的计算机，有时候这个问题会因为其他进程占用了您的端口号而导致。 如果您尝试以上步骤后问题仍未得到...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值