当前位置:   article > 正文

关于axios的全局配置_axios全局配置

axios全局配置

一:安装axios

-g: 表示全局安装

npm i axios -g

二:引入、配置axios (vue2)

需要在 man.js 入口文件中,通过Vue 构造函数Prototype 原型对象 全局配置 axios

  1. import Vue from 'vue'
  2. import App from './App.vue'
  3. // 1: 导入 axios
  4. import axios from 'axios'
  5. // 2: 配置请求根路径
  6. axios.defaults.baseURL = '接口地址'
  7. // 3: 通过Vue 构造函数的原型对象,全局配置 axios
  8. Vue.prototype.$http = axios
  9. new Vue({
  10. render: (h) => h(App),
  11. }).$mount("#app");

三:通过axios请求拦截器添加token,保证拥有获取数据的权限

  1. // axios 请求拦截
  2. axios.interceptors.request.use(config => {
  3. console.log(config)
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/花生_TL007/article/detail/299865
推荐阅读
相关标签
  

闽ICP备14008679号