axios基础配置全局配置

最新推荐文章于 2024-09-01 19:17:21 发布

liuyueqi168

最新推荐文章于 2024-09-01 19:17:21 发布

阅读量303

点赞数

文章标签： vue.js

本文链接：https://blog.csdn.net/liuyueqi168/article/details/103762112

版权

这篇博客介绍了axios的基础配置，包括在main.js、request.js（通常置于utils文件夹中）、api.js和.vue组件中的设置。适用于中小型项目的常规需求。

摘要由CSDN通过智能技术生成

axios配置

main.js

import Vue from 'vue'
import App from './App'
import router from './router'
import axios from 'axios' // main.js引入axios就可以了 剩下没啥用
import './assets/iconfont/iconfont.css'

Vue.config.productionTip = true // 去掉警告
import Vant from 'vant'
import 'vant/lib/index.css'
Vue.use(Vant)

// 全局glabal
import global_ from './Global'
Vue.prototype.global = global_

new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>'
})

request.js 我一般放在utils

import axios from 'axios'
import { Toast } from 'vant';
const service = axios.create({
  baseURL: process.env.VUE_APP_API_URL, // 环境
  withCredentials: true,
  timeout: 20000, // 请求时间 超过20秒直接报错 一般是8000ms
  headers: { 
    Accept: 'application/json', 
    Authorizatio