Base64加密后的数据通过http传输后，后台接收到的数据会出现空格的问题分析-Toy模板网

这篇具有很好参考价值的文章主要介绍了Base64加密后的数据通过http传输后，后台接收到的数据会出现空格的问题分析。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

最近在项目中使用fetch发请求，开始时选择自己将post请求的body参数使用&进行拼接，但是在发送请求时在控制台显示的参数，有的会存在传递的+变成空格的情况，百思不得其解。

查阅资料后发现可能是http传参时urlencoded的问题（因为我的post请求的content-Type是application/x-www-form-urlencoded), 一开始在代码中我自己手动构造了url的params参数进行传递，改成qs.stringify方法将请求参数进行编码就没有这个问题了。

原因：浏览器会自动将加密的加号（+）变成空格，导致后端解码失败

解决：

1. 使用encodeURIComponent对加密后的参数的特殊符号进行处理一下（这种方法对于formdata格式的数据来说不适用，因为调接口时无法解析成formdata格式的数据)

2. 或者直接使用qs.stringify方法。

（此处主要考虑前端解决，后端解决的话可以与后端商议，将空格再转化为+）

原代码：

base64 空格,http,网络协议,网络

// 生成body参数
const makeFetchBodyParams = (params) => {
	let values = '';
    Object.keys(params).forEach(key => {
		const str = key + '=' + params[key] + '&';
		values += str ;
    });
	console.log('valuesvalues',values)
	return values.slice(0,-1)
}

修改之后：

base64 空格,http,网络协议,网络