axios本地请求带上了localhost:8080？

最新推荐文章于 2024-04-27 14:53:32 发布
最新推荐文章于 2024-04-27 14:53:32 发布
阅读量1.3w 收藏 8
点赞数 7
分类专栏： 项目笔记 文章标签： axios
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40557812/article/details/84647258
版权

问题
数据请求不通，发现请求地址前多出了localhost:8080

解决办法
地址写成了相对地址，地址不正确
地址前面加http(s)?/或//

Geek码农
关注
  • 7
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
Axios教程
m0_44982764的博客
11-26 1301
Axios 是一个基于 promise 的 HTTP 库，通过promise实现对ajax技术的一种封装，就像jQuery实现ajax封装一样。 文档：axios中文文档|axios中文网 | axios 1.传入配置发起请求 　　axios({ 　　　　url: '接口地址', 　　　　method: 'get', // 或者post请求类型 　　　　responseType: 'json', //默认格式json 　　　　data: { 　　　　　　'username' : 'hx', 　　　　
关于axios.get的使用方法以及解决服务端无法获取完整接口地址的问题
weixin_44295944的博客
08-08 2707
阅读此文，默认能够使用get和post方式获取后台数据 1.传入的地址例如："http://localhost:8000/user?id=XXX" // 为给定 ID 的 user 创建请求 axios.get('/user?id=12345') .then(function (response) { console.log(response); }) 2.传入的地址例如...
axios发送请求的五种方法详解
m0_59335810的博客
03-11 1834
2、Content-Type: multipart/form-data （用以支持向服务器发送二进制数据，多用于文件上传，multipart/form-data不会对参数编码，使用的boundary(分割线)，相当于&，boundary的值是----Web******）3、Content-Type: application/x-www-form-urlencoded （提交的默认方式，参数都是通过浏览器的url传递，都是以key=&value=的方式写在url后面）// 方式一:参数在url。
Windows系统卸载IE浏览器
最新发布
weixin_46389364的博客
04-27 135
Windows系统卸载IE浏览器
处理axios本地请求地址自动加上了http://localhost:8080/
Renners的博客
07-29 8845
问题请求地址变成了localhost8080+配置的本地地址。处理方法配置完善的ip地址，加上http或https。原因baseURL配置的ip不完整。再次调用后发现已经可以了。
使用axios时路径自动出现一个根路径，形如http://localhost:1024/localhost:3000/api
weixin_68697844的博客
08-18 792
/\//i’ (1.开头必须是‘//’ 2.字母开头，后跟任意位字母、数字、加减号、点。之后是’：//‘)判断出我的url/localhost:3000/api是一个相对url,但是因为没有传入baseURL，所以buildFullPath并不会做任何事。这里的fullPath由基础路径和配置路径进行拼接得到（就是axios.default.baseURL和发送axios请求时的配置的url。这里我详细研究了原因。测试的使用原生js发送xhr请求时，仍然会出现这种情况，所以这并不是axios的原因。
axios接口的几种方法调用
Lemontree_fu的博客
07-23 3351
第一部分：axios的基础用法 - get和 delete请求传递参数 通过传统的url 以 ? 的形式传递参数 restful 形式传递参数 通过params 形式传递参数 - post 和 put 请求传递参数 - 通过选项传递参数 - 通过 URLSearchParams 传递参数 第二部分(1)：发送get请求的三种方式 #1. 发送get 请求 axios.get('http://localhost:3000/adata').then(function(r...
【Vue】Vue+axios 解决跨域问题
qq_41841048的博客
01-21 2143
好不容易用node把接口写好了，Postwomen测试也通过 前端Vue想要提交表单（登录）的时候却报了个错 可知是浏览器跨域问题 关于浏览器的跨域问题，具体这里不说，仅仅记录个人解决跨域问题的方案 也是搜了许多不同的博文，但是都不管用，也不是很理解，自己百般尝试才有了一个解决方案 假设我的Vue项目运行在http://localhost:8080 后端的接口是：http://localhos...
vue-cli axios请求方式及跨域处理问题
08-27
通常，我们会在 `main.js` 文件中全局引入 Axios 并挂载到 Vue 的原型对象上，以便在任何组件中都能直接使用 `this.axios`： ```javascript import axios from 'axios'; Vue.prototype.$axios = axios; ``` 对于...
vue.js学习笔记:如何加载本地json文件
10-20
3. 在Vue组件中使用`axios`或`fetch`请求这些API来获取数据。 通过这种方式，你可以在本地环境中模拟服务器数据，方便Vue.js应用的开发和测试。希望这篇文章能帮助你更好地理解和实现这个过程，祝你学习进步！
动态Axios的配置步骤详解
08-28
在这个拦截器中，我们获取了存储在本地的 token，并将其添加到请求 headers 中。 四、响应拦截器 除了请求拦截器之外，我们还可以使用响应拦截器来处理响应数据。例如： ``` axios.interceptors.response.use...
Vue3项目打包后部署到服务器 请求不到后台接口解决方法
10-15
这里的`target`配置为`localhost:8080`，意味着所有以`/api`开头的请求都会被转发到本地8080端口的服务。然而，当项目被打包并部署到服务器上，这个配置不再适用，因为服务器的IP地址和端口与本地环境不同。 为了...
解决vue net :ERR_CONNECTION_REFUSED报错问题
10-14
这个错误可能出现在多种场景下，比如本地开发环境配置不正确或者网络环境变化等。本文将重点讲解如何解决Vue项目中出现的这个报错问题。 首先，我们分析错误产生的原因。在提供的描述中，作者提到是因为频繁更换...
vue中的axios和proxy代理
baidu_38730364的博客
03-20 1398
vue中关于axios和proxy的流程
axios代理跨域 cli4_vue cli+axios踩坑记录+拦截器使用，代理跨域proxy
weixin_39866974的博客
12-19 171
1、首先axios不支持vue.use()方式声明使用，看了所有近乎相同的axios文档都没有提到这一点建议方式2.小小的提一下vue cli脚手架前端调后端数据接口时候的本地代理跨域问题，如我在本地localhost访问接口http://40.00.100.100:3002/是要跨域的，相当于浏览器设置了一到门槛，会报错XMLHTTPRequest can not load http://40....
axios proxy代理不成功
m0_50233720的博客
08-24 2203
跨域代理
vue3.0 proxy设置代理不成功
weixin_48813932的博客
03-20 8253
最后还是出现在axios的默认基本路径的配置和代理发生了冲突，代理本身是将请求基本路径代理到目标基本路径。要么设置为项目启动路径http:localhost:8080要么设置为空。axios 基本路径却设置为http:localhost:3000,项目基本路径是http:localhost:8080。代理目标路径为：http:localhost:3000。首先在项目中创建vue.config.js。注意在ts环境下仍为js结尾。此时项目启动仍然报错跨域。axios的基本路径。
axios配置代理服务器 解决跨域问题
weixin_43720534的博客
04-30 626
什么是跨域？ 在浏览器里面域名、端口、ip地址、协议，有任何一项不同，则跨域 A网站：http://localhost:8080/#/ B网站：http://localhost:3000/#/ 处理跨域的方式？ JsonP（只能处理get请求）、cors（后端开启）、代理服务器 module.exports = { devServer: { host: 'localhost', ...
在生产环境中使用axios发送请求不能使用localhost
m0_47878878的博客
07-31 1605
在生产环境中使用axios发送请求，url中的ip不能使用localhost或者127.0.0.1
axios-0.18.0.js:8 GET http://localhost:8080/sound/getDataByPage?currentPage=1&PageSize=5 net::ERR_CONNECTION_REFUSED
09-14
### 回答1： 这是一段 JavaScript 代码中的错误信息。具体来讲，它表示在第 8 行的 axios-0.18.0.js 文件中发生了一个 GET 请求，目标 URL 是 "http://localhost:8080/sound/getDataByPage"，并且在请求中添加了一个参数 "currentPage=1"。 这个错误可能是由于请求目标 URL 无效或者请求发生了网络错误引起的。如果您确定目标 URL 是正确的，那么还可能是服务器没有响应或者拒绝了这个请求。 ### 回答2： 这个错误是由于在axios请求中发生了一个错误。错误的具体内容是axios-0.18.0.js的第8行，表示在这个文件中的第8行发生了问题。问题是GET请求的目标地址是"http://localhost:8080/sound/getDataByPage?currentPage=1"。 根据给出的信息，可以推测这是一个GET请求，并且请求的目标地址是本地主机的端口8080上的地址。请求的路径是"/sound/getDataByPage"，并且参数是"currentPage=1"，表示请求的是第一页的数据。 出现这个错误可能是因为目标地址无法访问，可能是地址错误或者目标服务器没有启动。另外，也可能是在发送请求的过程中遇到了其他问题，比如网络连接问题或服务器端的错误。 为了解决这个问题，可以尝试以下几步： 1. 验证目标地址是否正确。确保地址中的域名、端口和路径都是正确的。 2. 确保目标服务器已经启动。可以尝试访问目标地址所在的服务器，确认服务器是否运行正常。 3. 检查网络连接是否正常。确保你的计算机和目标服务器之间的网络连接正常，没有阻塞或者其他问题。 4. 如果以上步骤都没有解决问题，可以尝试在请求中添加更多的错误处理信息，比如添加错误回调函数，在请求发生错误时进行处理。 总之，要解决这个问题，需要根据具体情况进行排查，并尝试不同的解决方法。 ### 回答3： axios是一个基于Promise的HTTP请求库，可以在浏览器和Node.js中使用。它主要用于发送异步的HTTP请求并且可以处理返回的响应。 在给定的问题中，可以看到axios发送了一个GET请求到URL：http://localhost:8080/sound/getDataByPage，并且参数为currentPage=1。这个请求的目的是获取某一页的数据。 axios发送GET请求的方式如下： ``` axios.get(url[, config]) .then(function (response) { // 处理响应数据 }) .catch(function (error) { // 处理错误 }); ``` 其中，url参数指定请求的URL地址，config参数是一个可选的配置对象，可以设置请求头、超时时间等。 在请求成功后，可以通过then方法获取响应数据，并对数据进行处理。如果请求失败，可以通过catch方法捕获错误并进行处理。 总结来说，axios-0.18.0.js:8这段代码表示使用axios库发送一个GET请求到http://localhost:8080/sound/getDataByPage网址，并通过currentPage=1参数获取某一页的数据。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值