在 Axios 中,发起 HTTP 请求时你可以使用多种参数来配置请求的行为。以下是一些主要的参数:
1. url
- 形貌:请求的 URL。
- 示例:axios.get('/api/users')
2. method
- 形貌:HTTP 请求的方法,可以是 GET, POST, PUT, DELETE 等。
- 示例:axios({ method: 'post', url: '/api/users' })
- 默认值:method没填那么默认是get
3. data
- 形貌:请求体中的数据,通常在 POST、PUT、PATCH 请求中使用。
- 示例:
- axios.post('/api/users', {
- name: 'John Doe',
- email: 'john.doe@example.com'
- });
复制代码 4. params
- 形貌:URL 查询参数,通常在 GET 请求中使用。
- 示例:
- axios.get('/api/users', {
- params: {
- page: 1,
- limit: 10
- }
- });
复制代码 5. headers
- 形貌:自定义请求头,用于传递特定的信息。
- 示例:
- axios.get('/api/users', {
- headers: {
- Authorization: 'Bearer your_token'
- }
- });
复制代码 6. timeout
- 形貌:请求超时时间,单位是毫秒。
- 示例:
- axios.get('/api/users', {
- timeout: 5000 // 超过 5 秒请求失败
- });
复制代码 7. responseType
- 形貌:指定服务器响应的数据范例,比方 arraybuffer, blob, document, json, text, stream 等。
- 示例:
- axios.get('/api/data', {
- responseType: 'json'
- });
复制代码 8. validateStatus
- 形貌:自定义用于判断响应状态码是否被视为乐成的函数,默以为 status >= 200 && status < 300。
- 示例:
- axios.get('/api/data', {
- validateStatus: function (status) {
- return status < 500; // 只要状态码小于 500 就视为成功
- }
- });
复制代码 9. auth
- 形貌:用于 HTTP 根自己份验证,包含 username 和 password。
- 示例:
- axios.get('/api/protected', {
- auth: {
- username: 'your_username',
- password: 'your_password'
- }
- });
复制代码 10. withCredentials
- 形貌:指定是否跨域请求时发送 cookie 用于身份验证。默认值为 false。
- 示例:
- axios.get('/api/data', {
- withCredentials: true
- });
复制代码 11. onUploadProgress 和 onDownloadProgress
- 形貌:用于处理惩罚上传和下载进度的回调函数。
- 示例:
- axios.post('/api/upload', formData, {
- onUploadProgress: progressEvent => {
- const percentage = Math.round((progressEvent.loaded * 100) / progressEvent.total);
- console.log(percentage);
- }
- });
复制代码 这些参数可以组合使用,以满足你的请求需求。详细使用时可以根据必要进行选择和配置。
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。 |