axios 请求其他服务器地址时候 会自动加上当前网址域名
创始人
2025-06-01 08:22:13

场景还原:


Vue2项目中在生产环境调用其他服务器请求地址时候会在请求地址默认加上一串当前浏览器域名
比如生产环境:http://123.com.cn;
生产环境服务器:http://789/production:20;
请求地址:http://789/production:21/postrRequest;
在生产环境发起请求时候请求地址会变为:http://123.com.cn/'http://789/production:21'/postrRequest;

配置:


请求地址是在.env.production文件中的requestUrl
请求发起是直接使用request.post(`${process.env.requestUrl}/postrRequest`).post()

解决过程:


在网上找了一些,但看起来不符合我的应用场景,所以记录一下
首先排除错误原因,请求方式是对的,request方法也是单独写的,所以只可能是请求地址出问题了;
参考vue-cli文档  文档地址

错误原因:


因为.env.production 配置文件中的requestUrl多接了一个空格;
严格来说 一个环境文件只包含环境变量的“键=值”对;
所以一个空格都不能多,不然vue-cli 就解析不到地址,只能解析出来是一串字符串,因此在request请求时候地址就变字符串了

.env.production配置项

# 注意引号前后都不能有空格
requestUrl = 'http://789/production:21'

相关内容

热门资讯

“75亿元投资理财”,摩尔线程... 澎湃新闻记者 周玲 日前,摩尔线程拟将IPO募集的资金不超过75亿元用于投资理财引发了广泛的关注。有...
2025年丰收背后的艰辛历程 2025年的丰收并非一帆风顺,农民们经历了极大的挑战和困难。受气候变化、自然灾害及市场波动等多重因素...
原创 印... 各位朋友大家好,欢迎来到今天的深度国际观察。最近大家都在盯着美联储,觉得只要美国那边一降息,黄金就得...
新修订《证券法》出台,会有更多... 证券法出台,企业上市注册制,对散户来说虽然二级市场会越来越好,风险会越来越大,今天聊聊退市问题,你就...
光大理财副总经理李永锋:以多资... 12月12日,光大理财副总经理李永锋在“时代新叙事 财富新未来”2025上证·大虹桥金融高质量发展大...