解决vue线上部署请求接口出现net::ERR_CONNECTION_REFUSED问题

最新推荐文章于 2024-05-11 21:13:45 发布
最新推荐文章于 2024-05-11 21:13:45 发布
阅读量4.8w 收藏 7
点赞数 6
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wangzhengqu/article/details/104264669
版权

问题描述：使用springboot和vue开发前后端分离项目时，在本地开发环境访问项目前端请求后端RESTfule接口正常，但部署到云端服务器时，请求后端接口出现net::ERR_CONNECTION_REFUSED错误。
调用浏览器控制台发现no-referrer-when-downgrade
在这里插入图片描述
解决方法：
将下图请求的baseurl修改为localhost就行
图一

Charlies.
关注
  • 6
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
专栏目录
记录---------部署在服务器上的Vue前端页面请求出错，net::ERR_CONNECTION_TIMED_OUT的一个解决办法
Laiguibing521的博客
06-30 4676
1、事情是这样的 一个vue前端项目部署到阿里云上了，最开始请求数据的时候正常运行，过了两天之后再请求，就出错了。显示网络错误，连接超时。 下图是F12-Console里的内容 2、网上的解决办法 ref:清理缓存的。也没解决 3、自己问题的解决办法 用Postman测试接口的时候，发现也不能返回数据了。在想可能就是防火墙的问题，在服务器后台查看开放的端口，发现9090端口没有开放，所以外网无法访问。 防火墙的配置如下： ref:参考 #1、开放端口 firewall-cmd --zone=public
多方案解决VUE项目控制台报错：net::ERR_CONNECTION_REFUSED / [WDS] Disconnected!
weixin_52485890的博客
07-15 6654
一行代码解决VUE项目控制台报错：net::ERR_CONNECTION_REFUSED / [WDS] Disconnected!
Vue3项目打包后部署到服务器 请求不到后台接口解决方法
10-15
在本篇文章里小编给大家整理了关于Vue3项目打包后部署到服务器 请求不到后台接口解决方法，有需要的朋友们可以参考下。
解决vue net :ERR_CONNECTION_REFUSED报错问题
10-14
主要介绍了解决vue net :ERR_CONNECTION_REFUSED报错问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
解决[vite] http proxy error at /api/path:Error: connect ECONNREFUSED 127.0.0.1:80at TCP错误
最新发布
walaw11的博客
05-11 449
【代码】解决[vite] http proxy error at /api/path:Error: connect ECONNREFUSED 127.0.0.1:80at TCP错误。
解决vue+axios请求报错POST http: net::ERR_CONNECTION_REFUSED,在封装的请求中统一处理请求异常的问题
weixin_38373875的博客
03-18 4万+
0.先写如何封装 axios请求 import axios from 'axios' import qs from 'qs' import { Message } from 'element-ui' //post请求 export const post = (url, data = {}) => { r...
解决vue项目 net :ERR_CONNECTION_REFUSED报错问题
喝水高手
07-27 3282
在公司做项目没关电脑带回家继续做，导致网络切换频繁。 控制台报错net :ERR_CONNECTION_REFUSED 不会影响项目功能 解决办法： 把 --host 0.0.0.0 改成固定ip
出现 net::ERR_CONNECTION_REFUSED 问题，Vue处理方式
weixin_48449171的博客
07-28 3477
【代码】出现 net::ERR_CONNECTION_REFUSED 问题，Vue处理方式。
vue net::ERR_CONNECTION_REFUSED
m0_46546381的博客
02-23 1191
vue net::ERR_CONNECTION_REFUSED 解决:开启nginx服务器
vue启动控制台报错 Failed to load resource: net::ERR_CONNECTION_REFUSED
热门推荐
huihuiliu_的博客
11-27 5万+
最近做一个小项目，没改动什么代码，启动控制台就报错Failed to load resource: net::ERR_CONNECTION_REFUSED，而且network请求也有报错，但是数据渲染和交互都没有什么问题，百度了也没找到解决的办法，最后发现，启动的时候端口是8085，如图所示： 且浏览器的地址也是8085 但是我的端口号明明一直是8080的，之前七佛那个的时候也一直是8080，因...
VUE项目一直报错 GET http://localhost:9001/sockjs-node/info?t=1600331944800 net::ERR_CONNECTION_REFUSED
走在搬砖的路上！
05-07 4051
【问】为什么本地运行项目就会有这个请求呢？ 而且我的项目也没有装这个依赖,通过webpack的打包依赖图发现包很大，并且它在请求的时候会会有一个很长的stalled状态。导致我的首页加载时间过长。 使用官方脚手架(vue-cli)搭建的项目启动的时候流程是这样：先启动一个本地 Web 服务器，然后将你的项目代码进行编译为浏览器能够直接运行的静态代码资源，然后放置到数据本地Web服务器的静态资源目录，再然后打开系统默认浏览器并访问这个本地 Web 服务器。同时建立"全双工[计算机网络用语，不理解自己百度哈]
vue-cli 打包后提交到线上出现 "Uncaught SyntaxError:Unexpected token" 报错
10-17
主要介绍了vue-cli 打包后提交到线上出现 "Uncaught SyntaxError:Unexpected token" 报错，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue-cli 打包后提交到线上出现 “Uncaught SyntaxError:Unexpected token” 报错
01-21
前言: 项目使用vue-cli版本2.9.3 ,vue-router使用webpackChunkName实现按需加载. BUG描述:该报错在项目上线一段时间后,有用户反映页面无法正常游览 (后面以问题1/问题2区分) 问题1.导航点击无法正常跳转,console...
net::ERR_CONNECTION_REFUSED报错
weixin_44528433的博客
10-15 6894
Vue项目接口报错一、报错类型二、使用步骤1.对比后端接口地址是否一致（重点注意协议是否一致，这次采坑了，找了很久运来是协议不一致）；2.与后端确认，查看请求头中是否缺少某些参数（之前因为少参也会报这个错）；3.最后看下是否因为跨域造成的拒绝访问；三、总结 一、报错类型 二、使用步骤 1.对比后端接口地址是否一致（重点注意协议是否一致，这次采坑了，找了很久运来是协议不一致）； 2.与后端确认，查看请求头中是否缺少某些参数（之前因为少参也会报这个错）； 3.最后看下是否因为跨域造成的拒绝访问； 三、总结 总
mui + Vue开发App报错：net::ERR_CONNECTION_REFUSED
JimBo3693的专栏
12-17 4453
问题前情：         在整合mui和Vue的过程中，引入了vue-resource插件。在利用Vue.http进行接口请求操作时 浏览器调试窗口报net::ERR_CONNECTION_REFUSED异常。  问题原因：请求的Url地址不对导致，具体原因是因为在测试Vue.http的方法使用时，给的Url是http://localhost:8080/api/xxxxx，但这个是写在app...
vue net :ERR_CONNECTION_REFUSED 的解决办法
欲掩不从心
09-18 2万+
我是因为频繁的更换网络，导致这样的。 然后我回忆了一下。之前每次改ip都会把Package.json 中的 --host 0.0.0.0改成我的固定ip，由于改来改去太麻烦了，我就设置为0.0.0.0 所以喜提上图的一排get请求 "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js -...
vue报错：ERR_CONNECTION_REFUSED
L4547517239的博客
03-28 1020
vue报错：ERR_CONNECTION_REFUSED
vue报错net::ERR_CONNECTION_Refused
01-30
根据提供的引用内容，解决"vue报错net::ERR_CONNECTION_REFUSED"的方法有两种： 方法一：修改vue.config.js中的host配置 在vue.config.js文件中，将host配置从'0.0.0.0'改为'127.0.0.1'。这样修改后，重新运行Vue项目，可能会解决net::ERR_CONNECTION_REFUSED报错。 方法二：检查网络连接和端口是否正常 net::ERR_CONNECTION_REFUSED报错通常是由于网络连接问题或端口被占用导致的。可以尝试以下步骤来解决该问题： 1. 检查网络连接是否正常，确保可以正常访问互联网。 2. 检查Vue项目所使用的端口是否被其他程序占用。可以尝试更改Vue项目的端口号，例如从默认的8080改为其他未被占用的端口号。 3. 确保后端服务器正常运行并监听正确的端口。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值