vue3 - axios

最新推荐文章于 2024-07-27 17:17:02 发布

一本正经的柠檬

最新推荐文章于 2024-07-27 17:17:02 发布

阅读量512

点赞数

分类专栏： Vue3 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_44292241/article/details/122663961

版权

Vue3 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

1. 安装

npm install axios

2. main.js中需要进行全局配置

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import './plugins/elementui'
import './assets/global.css'
import './assets/fonts/iconfont.css'

// 配置请求的根路径(接口根路径)
import axios from 'axios'
// 将axios直接挂在到vue原型上，这样能让所有的组件都可以直接访问this.$http发起axios请求
axios.defaults.baseURL = 'http://127.0.0.1:8080/api/private/v1/'

// 拦截器
axios.interceptors.request.use(config => {
  // console.log(config)
  // 为请求头对象，添加token验证的 Authorization 字段
  config.headers.Authorization = window.sessionStorage.getItem('token')
  // 在最后必须return config
  return config
})
Vue.prototype.$http = axios

Vue.config.productionTip = false

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')