处理axios本地请求地址自动加上了http://localhost:8080/

最新推荐文章于 2024-04-04 09:44:06 发布
最新推荐文章于 2024-04-04 09:44:06 发布
阅读量8.3k 收藏 14
点赞数 13
文章标签： 前端 vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/renners/article/details/126048683
版权

问题：请求地址变成了localhost:8080 + 配置的本地地址 

原因：baseURL配置的ip不完整

axios.defaults.baseURL = '192.168.1.107'

处理方法：配置完善的ip地址，加上http或https

axios.defaults.baseURL = 'http://192.168.1.107'

再次调用后发现已经可以了

 

Renners
关注
  • 13
    点赞
  • 踩
  • 14
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
axios添加请求/响应拦截器
03-31
axios拦截器，摘自vue3项目，主要代码请查看request.js文件，axios添加请求、响应拦截器，以及如何添加公共请求参数，过滤无效请求参数，aes请求参数加密，aes响应解密，加密狗，仅供学习参考。
axios拦截设置和错误处理方法
08-27
下面小编就为大家分享一篇axios拦截设置和错误处理方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
axios本地请求带上了localhost:8080？
热门推荐
qq_40557812的博客
11-30 1万+
问题 数据请求不通，发现请求地址前多出了localhost:8080 解决办法 地址写成了相对地址，地址不正确 地址前面加http(s)
前端项目实战211-axios请求地址默认加了本地地址
qq_41632427的博客
11-28 481
前端
Vue-cli webpack 设置Axios发起请求统一前缀的路径（设置统一请求地址）（发起GET请求
最新发布
2401_84023262的博客
04-04 765
然后！2、创建在src下载创建http.jsaxios.defaults.baseURL为统一请求地址的前缀// 设置axios的基础请求路径// 设置axios的请求时间// 设置axios的请求时间// })// 将axios添加到 Vue的原型，这样一切vue实例都可以使用该对象3、在main.js当中引用4、发起GET请求)).catch(function (error) { // 请求失败处理});5、发起POST请求。
如何使用 Axios 执行 HTTP 请求
allway2的博客
02-18 2351
开发人员做的最典型的事情之一就是对 API 进行 HTTP 调用。可以通过多种方式发送 API 请求。我们可以使用诸如cURL之类的命令行工具、浏览器的原生 Fetch API 或诸如 Axios 之类的包来完成此操作。 使用 Axios 向您的 API 发送 HTTP 请求是一个很棒的工具。所有主流浏览器都支持 Axios。该包可用于您的后端服务器，通过CDN加载，或在您的前端应用程序中需要。 在这里，我们将介绍以下内容： 什么是 Axios？ 为什么选择 Axios？ 如何安装 Axios？
在生产环境中使用axios发送请求不能使用localhost
m0_47878878的博客
07-31 1401
在生产环境中使用axios发送请求，url中的ip不能使用localhost或者127.0.0.1
使用axios时路径自动出现一个根路径，形如http://localhost:1024/localhost:3000/api
weixin_68697844的博客
08-18 640
/\//i’ (1.开头必须是‘//’ 2.字母开头，后跟任意位字母、数字、加减号、点。之后是’：//‘)判断出我的url/localhost:3000/api是一个相对url,但是因为没有传入baseURL，所以buildFullPath并不会做任何事。这里的fullPath由基础路径和配置路径进行拼接得到（就是axios.default.baseURL和发送axios请求时的配置的url。这里我详细研究了原因。测试的使用原生js发送xhr请求时，仍然会出现这种情况，所以这并不是axios的原因。
vue中axios请求自动带上localhost,设置代理解决问题
勤奋的年轻人
07-28 7626
看图说话，成功解决localhost问题
vue中axios的post请求url自动带上本地ip解决方法
你好！刘斩仙
01-05 6232
描述 解决方法 1.URL地址错误，https://或者http://写错了。（占比90%） 2.URL地址正确，但是 VUE_APP_BASE_API = ‘http://10.196.33.41:8082/crm-admin’ 前后有空格，去掉空格就好了。 ENV = 'development' # base api (此处不能有空格)VUE_APP_BASE_API = 'http://10.196.33.41:8082/crm-admin'(此处不能有空格) ...
vue封装axios之后请求接口携带localhost:8000 解决方案,超级简单 ~
m0_49789433的博客
05-06 2408
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后面需要加 // 两个斜杠 ...
Error：in ./node-modules/axios/lib/platform/index.js
12-22
Error：in ./node-modules/axios/lib/platform/index.js
在vue-cli3中使用axios获取本地json操作
10-15
主要介绍了在vue-cli3中使用axios获取本地json操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
ExamSystem:Kupa考试系统（前端）
03-11
考试系统 该项目是使用版本8.1.2生成的。 开发服务器 为开发服务器运行ng serve 。 导航到http://localhost:4200/ 。 如果您更改任何源文件，该应用程序将自动重新加载。 代码脚手架 运行ng generate component component-name生成一个新的组件。 您还可以使用ng generate directive|pipe|service|class|guard|interface|enum|module 。 建造 运行ng build来构建项目。 构建工件将存储在dist/目录中。 使用--prod标志进行生产构建。 运行单元测试 运行ng test以通过执行单元测试。 运行端到端测试 运行ng e2e通过执行端到端测试。 进一步的帮助 要获得有关Angular CLI的更多帮助，请使用ng help或查看 。
cykspace-node：博客后台服务～～ http://www.cykspace.com
02-03
后台博客 一直以来都想用自己的技术做一些个人项目，之前的是基于hexo hexo ，感觉啥都是别人帮你写好了，于是便决定自己搞一个，断断续续地弄了一部分，也总算是完成了一个简单版本并部署上线。 博客地址： 博客后台： 如果觉得还行的话，欢迎给个star哈。感谢～～ 由于不会设计，博客主题是模仿的布局样式，感谢作者的开源分享。 相关技术栈 Vue + Vue路由器+更少+ Axios 节点+ koa2 + koa-router mysql +续集 Nginx + PM2 未来可能加入 后台管理 评论 网易云音乐 页面数据可视化统计 ... 测试 克隆 git clone [email protected]:chenyinkai/cykspace.git 安装 cd cykspace npm install 开始 npm start # 打开 http://localhost:3000/v1/articles 注意： 测试前先在【lib】—>【config.js】配置数据库基本信息 sql文件在sql目录下 互连请求路径可在[routes]->【index.js】下查看 如果在测试期
SpringCache框架加载/拦截原理详解
08-26
主要介绍了SpringCache框架加载/拦截原理详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
vue中axios处理http发送请求的示例（Post和get）
01-21
本文介绍了vue中axios处理http发送请求的示例（Post和get），分享给大家，具体如下： axios中文文档　 https://github.com/mzabriskie/axios#using-applicationx-www-form-urlencoded-format axios文档 在处理http...
vue 中关于 axios 网络请求的封装：包括请求拦截等内容，附有详细的代码说明！！！
05-04
对网络请求进行封装：文件目录为 network / request.js 使用方法: 打开 request.js 文件，对相关信息进行配置：主要包括 baseUrl、timeout 等信息 import request from '../network/request' ---------使用正确的...
ajax请求参数带斜杠,ajax 如何统一设置headers携带参数?
weixin_33328904的博客
08-05 413
自己封装一个方法function ajax(config, callbackS, callbackF) {// 设置常用的默认值var url = config.url || '/';var method = config.method || 'GET';var async = config.async === undefined ? true : config.async;var content...
如何使用axios.get 动态请求http://127.0.0.1:3007/my/type/deletecate/10
05-14
你可以使用axios.get方法来动态请求http://127.0.0.1:3007/my/type/deletecate/10。下面是一个示例代码： ``` import axios from 'axios'; axios.get('http://127.0.0.1:3007/my/type/deletecate/10') .then(response => { console.log(response.data); }) .catch(error => { console.log(error); }); ``` 在这个例子中，我们使用了axios.get方法来发送GET请求，并将请求URL设置为http://127.0.0.1:3007/my/type/deletecate/10。一旦我们收到响应，我们使用.then方法来处理响应数据，并将其打印到控制台中。如果出现任何错误，我们使用.catch方法来处理错误。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值