vue封装axios

新建 request.js 文件

import axios from 'axios'

//让ajax携带cookie
axios.defaults.withCredentials = true;


export function request (config) {
  // 1.创建axios的实例
  const instance = axios.create({
    headers: {
      'Content-Type': 'application/json,charset=utf-8',
    },
    baseURL: 'http://localhost:8080/',
    timeout: 10000
  })

  instance.interceptors.request.use(config => {
    let name = window.Cookies.get('username');
    // console.log(name)
    if (name) {
      config.headers.username = name;
    }
    return config
  }, error=> {
    return Promise.reject(error)
  })
  
  return instance(config)
}

创建url.js文件

import {request} from 'network/request'

export function requestFlag (param) {
  return request({
    url: '/index/flag/flag',
    method: 'get',
    params:param,
    timeout:60000
  })
}
export function requestChangeFlag (data) {
  return request({
    url: '/index/flag/flag_upd',
    data,
    method: 'post'
  })
}

然后在页面中引用就可以了

import { requestFlag } from 'netWork/url.js'

getFlagList(){
    let param = {
    	user:'hjh'
    }
	requestFlag(param).then( res=>{
         const {code,msg,data} = res.data
         if(code != 200){
             this.$message.error(msg)
             return;
         }
  }).catch( err=>{
  	console.log(err)
  })
}