600字范文,内容丰富有趣,生活中的好帮手!
600字范文 > vue项目中使用axios发送请求

vue项目中使用axios发送请求

时间:2022-12-26 03:53:57

相关推荐

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) {

//成功函数

}

})

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。