axios 二次封装

requst.js

import Axios from 'axios'
 
// 创建一个axios对象
const instance = Axios.create({
	baseURL: 'https://api.dsfdsf.com', //基础路径
	timeout: 10000
})
// 请求拦截
// 所有的网络请求先走这个方法  网络请求发起之前  
instance.interceptors.request.use(
	function(config) {
		// config.headers.token='666';//可以加一些自定义的内容
		return config;
	},
	function(err) {
    console.log(err)
		return Promise.reject(err);
	}
)
// 响应拦截
// 服务器返回数据后都会先执行这个方法
instance.interceptors.response.use(
	function(res) {
     console.log(res)
     if(res.status==200){
      return res.data;

     }else{
      alert('请求失败')
     }
	},
	function(err) {
    console.log(err)

		return Promise.reject(err);
	}
)
export function get(url, params) {
	return instance.get(url, {
		params
	});
}
export function post(url, params) {
	return instance.post(url, {
		...params
	});
}

api.js

import { post } from './requst'
export function updateEdition(data) {
	return post("/statistics/Login/get_usermess", data)
}

页面引用

<template>
  <div class="hello">
     <button @click="getnew">数据请求</button>
  </div>
</template>
<script>
import {updateEdition} from "@/api/api"
export default {
     data(){
      return{
      }
     },
     methods:{
    getnew(){
updateEdition({userid:"1"}).then(res=>{
      console.log(res)
      })
    }
     }, 


}
</script>