在生产环境中使用axios发送请求不能使用localhost

最新推荐文章于 2025-04-11 14:26:37 发布
最新推荐文章于 2025-04-11 14:26:37 发布
阅读量2.3k 收藏 6
点赞数 4
分类专栏： 项目 文章标签： java tomcat spring maven spring boot
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_47878878/article/details/126088641
版权

1、今天在打包部署springboot项目到我的阿里云服务器上的时候发现一了个问题，就是前段使用axios发送请求的时候不能使用localhost或者127.0.0.1，如果你是使用localhost或者127.0.0.1的话浏览器会报网络错误

2、当时我就想为什么不可以呢，我的前后端都在一台服务器上呀，之后我用postman测试后端接口，发现可以测试通（postman测试的时候使用的是阿里云服务器的公网IP）,之后我就想难道是我的IP地址问题，我就把axios请求中的所有localhot或127.0.0.1全部换成公网IP地址，再次部署发现这次可以访问了，不报错了

3、然后我就开始百度，在一个论坛下面发现了一个大佬的回答,下面是大佬的回答
在这里插入图片描述

Axios发送请求的方法
weixin_68658847的博客
12-14 6898
Axios发送请求的方法
在vue项目中使用axios代理发送请求
eeeze的博客
07-23 1067
我们知道跨域是浏览器为了安全而做出的限制策略 浏览器请求必须遵循同源策略：同域名，同端口，同协议 那么我们会经常用到的解决跨域的方法有这几种： CORS跨域、jsonp跨域和代理跨域 CORS跨域 - 服务端设置，前端直接调用 说明：后台允许前端某个站点进行访问 JSONP跨域 前端适配 后台配合 说明：前后台同时改造， 要注意的–他不是真正的请求，他是一段js脚本 接下来就是接口代理，其实就是通过修改nginx服务器配置来实现—目前用的比较多（前端修改，后台不动）是最安全也是最省事的 接下来——上代码！
Python requests 出现UNSUPPORTED_PROTOCOL 解决方案
liyacai_20120512的博客
08-31 5610
最近要集成集团的LDAP，使用Python requests 库发送get请求至目的地址，请求是https，出现UNSUPPORTED_PROTOCOL错误 以下代码已关闭了SSL认证，host地址脱敏处理： import requests s = requests.Session() url = "https://xx.x.xx.xx:9443/commonauthservice_new/ws/OIDAuthService/userLogin?systemid=%s&userName=%s" \
vue axios 部署到服务器 访问localhost是不行的
jonathan_joestar的博客
07-13 1288
vue axios 部署到服务器 访问localhost是不行的，就算相对于服务器来说，后端就是localhost，但是他访问不通，必须用ip
Vue.js 中 Axios 请求失败未处理的问题及解决方案
最新发布
有我更精彩的博客
04-11 899
在 Vue.js 中，处理 Axios 请求失败是确保应用稳定性和用户体验的重要环节。通过捕获错误、设置错误处理逻辑、使用拦截器、显示用户友好的错误提示、记录错误日志以及考虑重试机制，可以有效解决这些问题。希望本文的介绍能帮助你在 Vue.js 开发中更好地处理 Axios 请求失败，提升应用的性能和用户体验。最后问候亲爱的朋友们，并邀请你们阅读我的全新著作📚《Vue.js 3企业级项目开发实战（微课视频版》
关于axios错误提示问题
混世小妲己
08-14 4230
可以在401部分，清空用户信息，跳转登录页等问题。 error => { // 当响应异常时做一些处理 if (error && error.response) { switch (error.response.status) { case 400: error.message = '请求错误(400)'; break; case 401:error.message = '未授权，请重新登录(401)';break;
vue封装axios之后请求接口携带localhost:8000 解决方案,超级简单 ~
m0_49789433的博客
05-06 2626
http://localhost:8000/list/116.63.147.2:8080/api/product/pagination?pageNum=1&sizeNum=10 页面配置之后出现两次前缀localhost:8000/ 116.63.147.2:8080 而我们只需要 116.63.147.2:8080 就行 看一下我们页面代码 解决 http后面需要加 // 两个斜杠 ...
前端axios以“http://localhost:8080/xxx/xxx“, {id:id}传id，但后端接受不了的原因和解决办法。
weixin_45695485的博客
12-17 1519
众所周知，前段是给后端返回一个json字符串，但当我们以{id：id}传数据的时候一定是只想把id传回去吧，但可惜是打灭的，当在后端用Interge id接受的时候，会提醒我们 JSON parse error: Cannot deserialize instance of `java.lang.Integer` out of START_OBJECT token; nested exception is com.fasterxml.jackson.databind.exc.MismatchedInpu
使用axios发送网络请求的时候出现connect ECONNREFUSED 127.0.0.1:80错误
ybzc841的博客
02-25 1542
使用axios发送网络请求的时候出现connect ECONNREFUSED 127.0.0.1:80错误
vue axios数据请求及vue中使用axios的方法
10-18
以下是关于 Vue 中使用 Axios 进行数据请求的详细介绍： 1. **Axios 的基本介绍** Axios 是一个基于 Promise 的 HTTP 客户端，可以用于浏览器和 Node.js 环境。它的特性包括： - 支持 Promise API，使得异步操作...
如何在Vue3中使用axios实现数据请求？
jnfy的博客
08-30 908
Vue.js 是一个渐进式的 JavaScript 框架，用于构建用户界面。Axios 是一个基于 Promise 的 HTTP 客户端，它可以用于发送异步 HTTP 请求到 REST 终端并执行各种 CRUD 操作。在 Vue 3 中，我们可以很方便地使用 Axios 进行数据请求，从服务器获取数据并在界面中显示。
使用Axios函数库进行网络请求的使用指南
cooldream2009的博客
11-15 1465
在现代的前端开发中，API调用是实现前后端数据交互的重要环节。而在众多的HTTP库中，Axios以其简洁的语法、丰富的功能和易于扩展的特性，成为了开发者的首选。本篇文章将深入介绍Axios的使用方法，包括如何引入、基本使用方法、请求方式别名、异步操作等，并通过示例代码帮助读者快速掌握Axios。
处理axios本地请求地址自动加上了http://localhost:8080/
热门推荐
Renners的博客
07-29 1万+
问题请求地址变成了localhost8080+配置的本地地址。处理方法配置完善的ip地址，加上http或https。原因baseURL配置的ip不完整。再次调用后发现已经可以了。
axios在vue中的封装使用
偷得浮生半日闲
03-25 2421
简单封装 axios 一、安装axios npm install axios 或 npm install --save axios vue-axios 二、创建文件 在 src 目录下创建一个叫 api 和 utils 的文件夹，主要用于存放请求数据的接口。在utils文件夹下创建一个叫 request 的 js 文件，这里的文件夹叫什么无所谓，我这里只是做简单示范。 import axios from "axios"; const service = axios.create({ // axi
vue中axios请求自动带上localhost,设置代理解决问题
勤奋的年轻人
07-28 8596
看图说话，成功解决localhost问题
Axios与后端交互，后端接收不到参数
qq_56494197的博客
09-14 2196
前端用对象类进行传参时，后台接收对象封装的数据要用@RequestBoby接收，对象的每个属性名也必须与后端的对象属性名保持一致，属性个数也要相同。我原来是后端的实体对象比前端传的对象参数多了一个id属性，所以传不过去，改成一样就好了。前端发送了一个POST请求，请求体中包含一个JSON对象，可以使用@RequestBody注解将其转换为Java对象。1.使用GET请求时，参数名应该用params,参数会直接追加至请求字符串(url)后。用于获取请求参数的值，可处理GET和POST请求。
axios默认请求参数后台获取不到解决方法
weixin_34184561的博客
01-25 524
*axios post方法默认使用application/json格式编码数据，那么解决方案就有两种，一是后台改变接收参数的方法，另一种则是将axios post方法的编码格式修改为application/x-www-form-urlencoded，这样就不需要后台做什么修改了。 只提供前端解决方案：var qs = require('q...
localhost:8080访问localhost:3000跨域，cookie失效的问题处理（koa + vue + axios）使用svg-captcha验证码生成并验证
weixin_44434938的博客
09-07 1568
ocalhost:8080访问localhost:3000跨域，cookie失效
异域问题+Axios的AxiosError问题的解决（简单）
qq_62649563的博客
06-10 9702
首先我们出现这种问题 大脑第一反应的可以是controller类中没有加@CrossOrigin注解，或者是端口号不对，但一定不能怀疑自己（不管 你就是最棒的！） 所以，看下面。
react使用axios网络请求跨域问题解决
07-14
在 React 中使用 Axios 进行网络请求时，解决跨域问题可以通过以下方法： 1. 在后端服务器开启 CORS：在后端服务器的响应头中添加 CORS 相关的头信息，允许指定的域名进行跨域访问。可以在后端的响应中添加如下的头...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值