axios发送AJAX请求应该如何配置
时间: 2023-07-31 11:04:37 浏览: 41
服务端配置实现AJAX跨域请求
要使用axios发送AJAX请求,需要先引入axios库,可以通过以下命令安装axios:
```
npm install axios
```
然后在代码中引入axios:
```javascript
import axios from 'axios';
```
接下来,可以使用axios发送请求,例如:
```javascript
axios.get('/api/users')
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
```
上面的代码发送了一个GET请求,获取了/api/users接口返回的数据。在发送请求时,可以通过配置axios实例来设置请求的一些参数,例如:
```javascript
const instance = axios.create({
baseURL: 'https://api.example.com',
timeout: 5000,
headers: {'X-Custom-Header': 'foobar'}
});
```
上面的代码创建了一个axios实例,设置了请求的基本URL为https://api.example.com,请求超时时间为5秒,请求头中添加了一个自定义的头部X-Custom-Header。创建好实例后,就可以通过它来发送请求了,例如:
```javascript
instance.get('/users')
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
```
这样就发送了一个GET请求,获取了https://api.example.com/users接口返回的数据。
阅读全文