原生axios发送请求
时间: 2023-10-09 11:05:31 浏览: 143
vue学习笔记--axios发请求的笔记
原生axios发送请求的方法如下:
首先,导入axios模块:
```
import axios from 'axios';
```
然后,可以使用axios发送请求,例如发送一个GET请求:
```
axios.get('/api/user')
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error);
});
```
上述代码中,我们使用axios的get方法发送一个GET请求到`/api/user`,然后通过`.then()`方法处理响应结果,`.catch()`方法处理错误。
另外,如果需要在请求头中添加token进行身份验证,可以使用axios的拦截器,在请求拦截器中添加token到请求头中:
```
axios.interceptors.request.use(config => {
const token = store.state.token;
token && (config.headers.Authorization = token);
return config;
}, error => {
return Promise.reject(error);
});
```
上述代码中,我们先从store中获取到token,然后将其添加到请求头的Authorization字段中。
通过以上方法,我们可以使用原生axios发送请求,并在请求拦截器中添加token进行身份验证。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [原生ajax请求](https://blog.csdn.net/qq_45683232/article/details/129461286)[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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* [vue发送ajax请求详解](https://download.csdn.net/download/weixin_38553648/12951134)[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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文