vue 里边如何处理
时间: 2023-07-07 10:17:12 浏览: 138
在 Vue 中,我们可以使用 axios 库来发送 XMLHttpRequest 请求。在使用 axios 发送请求时,可以通过添加配置项来设置请求头,例如:
```javascript
axios({
method: 'post',
url: '/api/login',
data: {
username: 'admin',
password: '123456'
},
headers: {
'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'
}
})
```
在上面的代码中,通过在 `headers` 配置项中设置 `'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'`,来设置请求头的 Content-Type 为 UTF-8 编码。
当然,如果请求头中包含非 ASCII 字符,我们需要对其进行编码,例如:
```javascript
axios({
method: 'post',
url: '/api/login',
data: {
username: '管理员',
password: '123456'
},
transformRequest: [function (data, headers) {
// 对请求数据进行处理
return qs.stringify(data)
}],
headers: {
'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'
}
})
```
在上面的代码中,我们通过添加 `transformRequest` 配置项来对请求数据进行处理,在处理过程中使用了 qs 库对中文字符进行了编码。
阅读全文