在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) {
//成功函数
}
})