axios

作者: 酒暖花深Q | 来源:发表于2021-04-08 15:44 被阅读0次

    1. 安装

    npm install axios
    

    2. 再 main.js导入

    import axios from 'axios'
    

    配置请求根路径

    axios.defaults.baseURL = 'http://127.0.0.1:8888/***********/'
    

    axios挂载在vue的原型上,我们就可以直接通过this访问到axios

    Vue.prototype.$http = axios
    

    需要授权的 API ,必须在请求头中使用 Authorization 字段提供 token 令牌
    axios.interceptors.request.use 请求拦截器(在请求之前进行一些配置)
    通过use 为请求拦截器挂载一个回调函数

    axios.interceptors.request.use(config => {
      //  为请求头对象添加token 验证的Authorization字段
      config.headers.Authorization = window.sessionStorage.getItem('token')
      // 最后必须rutrun config
      return config
    })
    

    3. 在页面使用

    this.$http.post(url, params)
    

    相关文章

      网友评论

          本文标题:axios

          本文链接:https://www.haomeiwen.com/subject/qbkvkltx.html