Axios请求数据乱码问题解决

本文将从以下三个方面详细阐述Axios请求数据乱码问题的原因和解决方法：

一、设置请求头

Axios请求数据乱码的原因可能是因为请求时没有设置请求头的编码方式，而且默认的编码方式是utf-8。解决方法是在请求的头部中设置编码方式为utf-8。代码如下：

axios({
  headers: {'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8'},
  method: 'post',
  url: 'http://example.com',
  data: formData
})

这样就可以保证请求的编码方式是utf-8了。

二、设置后端响应头

如果设置了请求头，还是会出现乱码的问题，这时候我们可以在后端响应头中设置编码方式为utf-8。在后端的响应头中添加"Content-Type: text/json;charset=utf-8"即可。代码如下：

header('Content-Type: text/json;charset=utf-8')

这样就可以在后端响应时设置编码方式了，前端再接收时就是utf-8的编码格式。

三、转换编码方式

如果以上两种方式都无法解决问题，那么我们就需要将乱码的数据进行编码方式的转换了。例如将gbk编码方式的数据转换为utf-8编码方式。代码如下：

let result = iconv.decode(response.data, 'gbk')
result = iconv.encode(result, 'utf-8')

这样就可以将gbk编码方式的数据转换为utf-8编码方式。

以上是Axios请求数据乱码问题的解决方式，希望对大家有所帮助。