vue项目中api/index中的配置

vue项目中api/index中的配置

首先安装模块

yarn add axios

//1.引入axios模块
import axios from 'axios'
//2.全局配置
axios.defaults.baseURL = 'http://127.0.0.1:8888/api/private/v1'  //最后打包改为你服务器的网址

//3.添加请求拦截器
// axios.interceptors.request.use(function (config) {
//     //1.获取token
//     let token = localStorage.getItem('token')
//     //2.判断
//     if (token) {
//         //设置请求头（后期请求接口 http请求头携带Authorization参数）
//         config.headers['Authorization'] = token
//     }
//     return config 
// }, function (error) {
//     // Do something with request error
//     return Promise.reject(error)
// })})

// let token = localStorage.getItem('token') ||  '固定的'
let token = localStorage.getItem('token')
axios.defaults.headers.common['Authorization'] = token

// 语法
// GET      axios.get(请求路径，{params: 数据对象})   
//          axios.get(请求路径，{params: {uname:'aaa', pwd:'bbb'}})   
// POST     axios.post(请求路径，数据对象)   
// PUT      axios.put(请求路径，数据对象)   
// DELETE   axios.delete(`请求路径/${id}`)