在编写文件代码的过程中，往往需要请求后台的数据，下面介绍一下 Axios 方法的简单使用
1、直接使用，以下代码为在Vue文件中的 methods 方法中定义的获取后台数据的方法
methods: {
// 连接后台获取数据的方法
getData () {
let params = {
lt: '20180411',
luzp: '20161122',
}
// /lt/luzp/luzplovelt 为后台接口
axios.post(`/lt/luzp/luzplovelt`, params).then(res => {
if (res.data.flag === 'SUCCESS') {
this.data = res.data.data
this.$message.success(res.data.msg)
} else {
this.$message.error(res.data.msg)
}
})
}
}2、在js文件中定义
<script>
// 引入接口的 js 文件
import { luzplt } from '../../../service/ration'
methods: {
// 连接后台获取数据的方法
getData () {
let params = {
lt: '20180411',
luzp: '20161122',
}
luzplove.lut(params).then(res => {
if (res.data.flag === 'SUCCESS') {
this.data = res.data.data
this.$message.success(res.data.msg)
} else {
this.$message.error(res.data.msg)
}
})
}
}
</script>
把接口写到 js 文件中 luzplt.js
import axios from '../../../service/http'
export class luzplove{
// 查询信息
static lut(data) {
return axios.post(`/lt/luzp/luzplovelt`, data)
}
}
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/66451.html
