Vue-cli中对axios进行全局配置

首先在main.js入口文件中进行配置

// 导入axios包
import axios from 'axios'

// 把axios包挂载到vue的原型对象上,这样每个vue组件都可以通过this直接访问到$http,从而发起ajax请求
Vue.prototype.$http = axios

这样每一个vue组件都可以通过this直接访问到$http,从而去发起ajax请求
这样基本的就配置好了,可以在每一个组件中使用了
比如

this.$http.post('login', this.loginForm)

另外我们还可以进行一些配置,比如设置请求的根路径:

// 导入axios包
import axios from 'axios'
// 配置请求的根路径
axios.defaults.baseURL = 'http://127.0.0.1:8888/api/private/v1/'
// 配置axios请求***,为每次API请求挂载Authorization请求头,这样有权限的API就可以正常调用成功了
// config就是请求对象
axios.interceptors.request.use(config => {
  config.headers.Authorization = window.sessionStorage.getItem('token')
  // 在最后必须return config
  return config
})
// 把axios包挂载到vue的原型对象上,这样每个vue组件都可以通过this直接访问到$http,从而发起ajax请求
Vue.prototype.$http = axios
全部评论

相关推荐

牛客刘北:如果暑期实习是27届的话,你要晚一年才会毕业,企业为什么会等你呢?要搞清时间逻辑呀!27届现在实习只能是在暑假实习,这是日常实习,不是暑期实习。所以多去投日常实习吧,暑期实习肯定不会要你的
点赞 评论 收藏
分享
点赞 评论 收藏
分享
评论
点赞
收藏
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务