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

这篇具有很好参考价值的文章主要介绍了处理axios本地请求地址自动加上了http://localhost:8080/。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

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

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

原因:baseURL配置的ip不完整

axios.defaults.baseURL = '192.168.1.107'

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

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

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

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

 文章来源地址https://www.toymoban.com/news/detail-507748.html

到了这里,关于处理axios本地请求地址自动加上了http://localhost:8080/的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • axios-retry插件-axios请求失败自动重试

    axios-retry 对外导出 axiosRetry() 方法: 通过对 axios 单例添加“拦截器”,来扩展实现自动重试网络请求功能。 备注:  除非  shouldResetTimeout 被设置, 这个插件 将请求超时解释为全局值, 不是针对每一个请求,二是全局的设置 Name Type Default Description retries Number 3 The number of times t

    2024年02月10日
    浏览(77)
  • axios拦截器,如何批量处理请求响应

    从浏览器创建 XMLHttpRequests 从 node.js 创建 http 请求 支持 Promise API 拦截请求和响应 转换请求和响应数据 取消请求 自动转换JSON数据 客户端支持防御XSRF 在请求或响应被 then 或 catch 处理前拦截它们。 新建request.js,写入以下内容: 在需要使用的页面进行调用 上一步咱们将axios拦

    2024年02月13日
    浏览(42)
  • axios拦截器:每次请求自动带上 token

    Step 1:创建Axios实例并添加拦截器 在你的Vue项目中,一般我们会先导入axios,然后创建一个axios实例。这样做是为了方便统一管理和配置。 上面的代码做了什么呢? 1. 我们创建了一个axios实例service,相当于有了一个专属邮差。 2. 给这个邮差设置了规则:每次出门送信前,先检

    2024年04月09日
    浏览(55)
  • Vue 网络处理 - axios 异步请求的使用,请求响应拦截器(最佳实践)

    目录 一、axiox 1.1、axios 简介 1.2、axios 基本使用 1.2.1、下载核心 js 文件. 1.2.2、发送 GET 异步请求 1.2.3、发送 POST 异步请求 1.2.4、发送 GET、POST 请求最佳实践 1.3、请求响应拦截器 1.3.1、拦截器解释 1.3.2、请求拦截器的使用 1.3.3、响应拦截器的使用 1.3.4、拦截器在 Vue 脚手架中的

    2024年02月04日
    浏览(46)
  • Proxy error: Could not proxy request /XXX localhost to http://localhost:8080/ (ECONNRE)报错处理

    今天在进行前后端联调时,联调不通,前端出现如下报错 通过在网上查找相关问题有很多种原因,因此博主根据资料进行相关解决方法的整理。 修改vue.config.js中的代理port 修改正确的地址或端口 博主是这个问题导致,一开始前端代理端口配置是8080,后端配置是8084,因此启

    2024年02月11日
    浏览(58)
  • localhost:8080/swagger-ui.html 访问不到 addResourceHandlers springmvc资源处理请求放行swagger

    无法访问swagger-ui.html 在swagger2.0+中可以用如下配置 解决办法:SpringMVC配置文件修改如下 关键是加入下面这一段 原因,为什么要这样? classpath:/META-INF/resources/ 映射到springfox-swagger-ui-2.9.2.jar!META-INFresources下的文件(包含了swagger-ui.html) classpath:/META-INF/resources/webjars/映射到s

    2024年02月15日
    浏览(49)
  • axios请求头设置常见Content-Type和对应参数的处理

    首先要明确的一点是,我们在项目中调用接口,通常是以对象的数据格式传给自己封装的http请求函数的。 现在的前后端分离项目基本上都是使用的这个进行数据传递。 axios默认Content-type是采用application/json;charset=UTF-8,无需设置直接把对象传进去即可 当然, 也可以在请求拦截

    2023年04月09日
    浏览(45)
  • 文件流下载之——axios请求responseType为blob时,错误数据处理

    背景:一个文件下载的需求,如果成功下载data数据返回的是文件流,如果失败后端会返回失败信息,类似{code: -1, data: null, msg: ‘xxx’}。然而如果用responseType: \\\'blob’去接文件流的话,返回的错误信息也会转为blob数据格式。我们需要对返回错误信息的数据做处理,页面上提示

    2024年02月13日
    浏览(70)
  • axios请求设置responseType为‘blob‘或‘arraybuffer‘下载时,正确处理返回值

    问题:调用后台图片接口,后台返回二进制流图片数据格式。前端接收到流后处理数据显示在img标签。 解决: 1、设置axios接收参数格式为\\\"arraybuffer\\\": 2、转换为base64格式图片数据在img标签显示: 返回的string直接放在img标签src可直接显示 二、设置axios接收参数格式为\\\"blob\\\":

    2023年04月09日
    浏览(45)
  • vue2项目打开浏览器请求后端时出现POST http://localhost/user/login net::ERR_CONNECTION_REFUSED

    vue2项目打开浏览器请求后端时出现POST http://localhost/user/login net::ERR_CONNECTION_REFUSED      解决方法:找到.env.development补全VUE_APP_BASE_API = \\\'http://localhost\\\'后面的端口号 修改前 修改后  重新运行vue项目,即可正常运行   文章只为记录自己遇到的错误。  

    2024年02月16日
    浏览(47)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包