vue项目中使用axios发送请求

在src下新建一个server的文件夹，文件夹中的文件是server.js文件

server.js文件中写：

import {

Message

} from 'element-ui';

let BASEURL = '';

 

if (process.env.NODE_ENV === 'development') {

BASEURL = '接口文档中的总路径';

}else {

BASEURL = '接口文档中的总路径';

}

 

let axios = require('axios') ;

 

axios.defaults.baseURL = BASEURL ;

// 处理统一错误提示

 

function atAxios(option) {

axios[option.type.toLowerCase()](option.url, option.params).then((v) => {

if (v.data.status !== 0) {

if (option.error) option.error();

Message({

message: v.data.msg,

type: 'error',

center: true

})

} else {

// console.log(v.data)

option.success(v);

}

}).catch((v) => {

if (option.error) option.error();

Message({

message: v.toString(),

type: 'error',

center:true

})

})

}

 

export {

atAxios,

BASEURL

}

2.在要发送请求的文件中，script标签里引入：import { atAxios } from '../../server/server';

atAxios({

url: ‘’, //请求的地址 变量可以用${self.schoolid},引号要用反引号，就是数字1旁边的键

type:"GET",   //get方式

success(v) {

// self.tableData = v.data.classAll;

atAxios({

url:`zhima/school/getTeacherAll?schoolId=${self.$store.state.schoolId}`,

type:"GET",

success(request) {

//成功以后的函数

})

3.post请求

atAxios({

url:'请求地址',

type:"POST",

params:{

     //请求参数

},

success(v) {

   //成功函数

}

})