axios

最新推荐文章于 2025-06-27 13:47:48 发布

转载最新推荐文章于 2025-06-27 13:47:48 发布 · 118 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://juejin.im/post/5cd97ff351882568ea782126

文章标签：

#javascript #ViewUI

本文详细介绍了Axios，一个基于promise的HTTP库，适用于浏览器和node.js环境。讲解了如何设置基路径、全局配置和请求拦截器以实现自动携带认证令牌。同时，提供了发送GET和POST请求的具体代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

什么是 axios？ Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。
处理axios的三个问题:

// 处理1 : 基路径
axios.defaults.baseURL = 'http://localhost:8888/api/private/v1/'
// 处理2 : 每次引入axios
Vue.prototype.$axios = axios
// 处理3 :
// axios.defaults.headers.common['Authorization'] = localStorage.getItem('token')
axios.interceptors.request.use(
  function (config) {
    // 拦截每次请求,携带token
    config.headers.Authorization = localStorage.getItem('token')

    return config
  },
  function (error) {
    // Do something with request error
    return Promise.reject(error)
  }
)
复制代码

发送axios请求

//get请求
axios.get(url, {            
            params: params        
        })
let res = await this.$axios.post('login',this.ruleForm)
console.log(res)
复制代码

www.axios-js.com/

www.cnblogs.com/jiangxifanz…

转载于:https://juejin.im/post/5cd97ff351882568ea782126