请求接口前面自动拼接一截localhost:xxxx

已于 2023-06-02 11:23:03 修改
阅读量487 收藏 2
点赞数 3
文章标签： vue.js 前端
于 2023-06-01 11:48:09 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38247038/article/details/130984876
版权

今天遇到个奇葩问题 怎么检查都感觉没问题 接口地址也没写错 但就是会给我前面自动拼接一段localhost
image-20230601101704674.png
接口地址反复检查了没有写错 前面也写了http://
image-20230601101840724.png
后面请求拦截器里打印 发现 地址里有单引号又有双引号
image-20230601102009369.png

image-20230601102019580.png
然后我寻思难道是单引号造成的吗 引号删除后 发现请求没问题了
image-20230601102443146.png

image-20230601102630196.png

后面我在想 下面两个也有单引号也没问题啊
我又撤销回去 再次重启 发现问题依旧 最终我发现 接口地址引号后面有个空格 我把空格删了后再重启 问题居然奇迹般的好了
image-20230601102904290.png
尝试在线上地址后面也加上空格后 出现同样的问题
image-20230601103520854.png

image-20230601103554391.png
升级了axios版本试了下 问题依旧
总结
在.env文件里面写地址的时候一定要注意后面别有空格

Pett
关注
  • 3
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
支付宝请求参数拼接支付宝请求参数拼接
08-16
支付宝请求参数拼接
处理axios本地请求地址自动加上了http://localhost:8080/
Renners的博客
07-29 8153
问题请求地址变成了localhost8080+配置的本地地址。处理方法配置完善的ip地址，加上http或https。原因baseURL配置的ip不完整。再次调用后发现已经可以了。
请求路径的问题
Nancy201904的博客
04-02 784
内容来自网络，用做查询记录查看。 请求路径概念：客户端请求访问服务端的路径，请求路径包括资源路径和资源名称 1.请求路径的构成 客户端提交请求路径的目的是为访问服务端的指定资源，所以请求路径由两部分构成：资源路径与资源名称。即 请求路径 = 资源路径 + 资源名称 资源路径与资源名称的分水岭为：请求路径中的最后一个斜杠。斜杠前的部分称为资源路径，斜杠后的部分称为资源名称。例如： 请求路径： http://localhost:8888/01-primary/some.do 资源路径： http:..
后端在本地运行地址是localhost：8080，前端也在本地运行，要怎么请求后端接口（学习笔记）
m0_51324570的博客
03-05 573
获取资源，但由于跨源资源共享（CORS）策略的限制，请求被浏览器拦截了。尽管您收到了一个状态码为 200 的响应，这意味着服务器实际上成功地处理了请求并返回了数据，但浏览器因为缺少适当的 CORS 头而不会将响应数据暴露给前端 JavaScript 代码。已拦截跨源请求：同源策略禁止读取位于 http://localhost:8080/carbon 的远程资源。（原因：CORS 头缺少 'Access-Control-Allow-Origin'）。注解在方法或类级别上启用 CORS。
SpringMVC请求路径问题(路径前面加不加/的问题)
weixin_42672802的博客
03-13 9481
一、请求路径 一个正确的请求路径应该是由资源路径+资源名称组成 http://localhost:8080/sk_war_exploded/login.do为绝对路径 http://localhost:8080/sk_war_exploded为资源路径 login.do为资源名称 相对路径：/login.do就是一个相对路径，相对路径会依赖于一个其他路径作为参照路径，与这个参照路径组合去定位一个资源， 绝对路径=参照路径+相对路径 二、相对路径前是否加上斜杠(/)，会产生不同...
前端请求路径为何不能写成"http://localhost:8080/**/**" ?
weixin_41670928的博客
07-30 5928
这次web开发，鄙人负责后端开发，写接口时都写的时"http://localhost:8080/xx/yy" 这种； 然后前端开发在AJAX请求中全部写死成"http://localhost:8080/xx/yy"，前后端对接完成后，本地部署本地浏览器访问没问题，但是当我将程序部署到服务器，远程访问时，问题来了。 请求资源失败，打开浏览器的调试窗口一看，请求不对，根本找不到服务器上的资源，即l...
ajax向后台发请求出现POST http://localhost:8080/XXXX/XXXXXX 404错误
热门推荐
weirdness的博客
05-06 5万+
今天用Ajaxxiang后台的controller发送请求时，出现POST http://localhost:8080/XXXX/XXXXXX 404错误 真的搞不懂啊，我觉得我的代码没有问题 可是发现根本就是没访问进去controller，试了各种方法都不行，还以为我的浏览器有什么问题，然而也不是 隐约感觉是路径问题，可是我实在找不出错，我的controller外是这样： 具体的...
解决跳转外部链接时自带前缀localhost...
vipchenzi的博客
06-12 350
项目中在点击一个外部链接时，会出现链接前缀自带localhost:8080而跳转错误，解决问题的关键是需加上http://
项目中的图片路径为什么自动拼上了域名端口
NOyesNONO_的博客
06-07 2216
背景：前端的dist包在后端的resource/static里 这里的src路径，是由后端返回的值，是以sys开头的地址，在控制台中发现，自动补全了前边的http://域名/(项目名/)，并且直接点击连接是可以访问的 经查询：有网友说是：src的连接若不是http, https, ftp…等开头的都会被判断为相对路径，实际导向时就会被加上http://域名/(项目名/)另外，如果想用绝对路径，需要在路径前加上，如file:///D:/…其他网友问的这个问题里边有这个答案...
前端踩坑记_发请求自动添加localhost前缀；
m0_52724742的博客
11-30 2447
**问题:**请求是自动添加localhost前缀,如图 解决方法: 原因: url默认是相对路径,如果写错的话就会拼接当前页面. 谨记: 一定要吧空格都删掉
网页骨架屏自动生成方案（dps）
我本可以容忍阳光，如果我不曾见过太阳，然而阳光已使我荒凉，成为更新的荒凉。
09-09 567
来源：花满楼https://zhuanlan.zhihu.com/p/74403911什么是骨架屏？什么是骨架屏呢？骨架屏(Skeleton Screen)是指在页面数据加载完成前，先给...
C#处理和对接HTTP接口请求的方法
09-01
下面通过四步给大家介绍了c#处理和对接http接口请求的方法，分步骤介绍的非常详细，具有参考借鉴价值，感兴趣的朋友一起看下吧
OPENCV实现ORB/SURF/SIFT RANSAC图像自动拼接
07-05
VS2012 x64+opencv做的图像拼接，参照了别人的代码改编。 做的是左右拼接，上下的行不行没试过。 主要函数就是图像的储存位置，需要在代码里改下 测试了下还是比较稳健的，拼接效果尚可，不过重叠部分可能产生...
详解vue中使用axios对同一个接口连续请求导致返回数据混乱的问题
10-16
主要介绍了详解vue中使用axios对同一个接口连续请求导致返回数据混乱的问题，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
视频序列自动拼接
08-22
在opencv中的示例程序stitching_detail的基础上改进为对视频序列按一定重叠度提取关键帧图像并拼接。
三、VUE数据代理
最新发布
D_A_I_H_A_O的博客
04-29 363
Vue中的数据代理：通过vm对象来代理data对象中属性的操作（读/写）
党务学习|基于SprinBoot+vue的大学生党务学习平台(源码+数据库+文档)
伟庭的博客
04-27 699
大学生党务学习平台管理系统按照操作主体分为管理员和用户。用户的功能等。该系统采用了Mysql数据库，Java语言，Spring Boot框架等技术进行编程实现。大学生党务学习平台管理系统可以提高大学生党务学习平台信息管理问题的解决效率，优化大学生党务学习平台信息处理流程，保证大学生党务学习平台信息数据的安全，它是一个非常可靠，非常安全的应用程序。大学生党务学习平台管理系统；入党申请,党课Mysql数据库；Java语言。
vue 快速入门 系列 —— 玩转 CMS
ZL4120505的博客
04-29 591
例如 src/layouts/BasicLayout.less，里面包含一些基本布局的样式，被 src/layouts/BasicLayout.vue 引用，项目中使用这种布局的页面就不需要再关心整体布局的设置。好比中医发展了好几千年，许多本源的东西老中医也是不清楚的，但我们摸索出一套规则，按照这个能治病，这个就很好。.clearfix() 混合器定义了清除浮动的样式。组件相关的样式，有一些在页面中重复使用的片段或相对独立的功能，你可以提炼成组件，相关的样式也应该提炼出来放在组件中，而不是混淆在页面里。
vue打完包请求接口会把静态路径拼接上去
09-06
当我们在Vue组件中发起请求接口时，Vue会自动将静态路径拼接到请求接口上。 这样做的好处是，可以通过相对路径来引用静态资源，而无需担心路径的变化。例如，在Vue组件中通过`axios`库发起GET请求时，请求接口的...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值