axios流式响应vueChatGPT

在使用axios进行流式响应时，可以通过链式调用.then()方法来接收响应。例如，可以使用以下代码来处理响应的信息、状态、头部和配置：

axios.get('/sys/user/123')
.then(function (response) {
console.log(response.data); // 输出响应的信息
console.log(response.status);
console.log(response.statusText);
console.log(response.headers);
console.log(response.config);
})

此外，在使用axios时，通常会使用拦截器来进行请求和响应的处理。拦截器分为请求拦截器和响应拦截器。请求拦截器在发送请求之前进行必要的操作处理，例如添加统一cookie、请求体加验证、设置请求头等。响应拦截器在请求得到响应之后对响应体进行处理，通常用于数据的统一处理和判断登录失效等情况。

以下是一个具体的实例：

// 请求拦截器
instance.interceptors.request.use(req => {
// 在请求发送前进行必要操作处理
// 例如添加统一cookie、请求体加验证、设置请求头等
}, err => {
// 请求错误的处理
});

// 响应拦截器
instance.interceptors.response.use(res => {
// 在请求得到响应之后对响应体进行处理
// 例如数据的统一处理等
}, err => {
// 响应错误的处理
});

在具体的请求中，可以使用axios的get和post方法来发送请求，并通过.then()方法处理成功的响应和.catch()方法处理失败的响应。例如：

// get请求
axios.get('http://localhost:9001/api/users', {
params: {
id: 1 // 放在URL中的请求参数
}
})
.then(response => {
// 请求成功的处理
})
.catch(error => {
// 请求失败的处理
});

// post请求
axios.post('http://localhost:9001/api/login', {
// 放在body中的请求参数
username: 'aaa',
password: '123456a'
})
.then(response => {
// 请求成功的处理
})
.catch(error => {
// 请求失败的处理
});

希望以上信息对您有所帮助。
#### 引用[.reference_title]
- *1* *3* [axios 的响应结构](https://blog.csdn.net/YHLSunshine/article/details/123875480)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [axios的响应拦截器](https://blog.csdn.net/qq_45000453/article/details/120826113)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]