vue axios请求封装 以及跨域设置

src目录下新建utils文件夹

标题utils>新建request.js文件

// 得先安装axios  npm i --save axios
import axios from "axios";
import {
   
  Message,
} from 'element-ui'  // 引入消息提示

axios.defaults.headers.post['Content-Type'] = 'application/json';//设置post的默认请求类型，有的可能是fromdata格式，需要单独设置

//创建请求，是指请求超时时间以及请求地址
const request = axios.create({
   
  baseURL: 'xxxxxx',
  timeout: 5000 // 请求超时时间
})

进行请求拦截器和响应拦截器的处理

// 请求拦截器
request.interceptors.request.use(config => {
   
// 进行请求头设置，如果token存在（store得引入，才可使用store.xxx  this.$store在这不会生效）
  if (store.getters.token) {
   
    config.headers['Authorization'] = store