首先安装axios
npm install axios
定义request.js
import axios from 'axios'
const instance = axios.create({
baseURL: "http://localhost:8081", //服务器ip及端口号
timeout: 3000,
})
export default instance;
请求工具类
import request from '@/utlis/request' //引入定义的request.js
export function getMapping(query) {
return request({
url: url,
method: 'get',
params: query
})
}
export function postMapping(data) {
return request({
url: url,
method: 'post',
data
})
}
export function deleteMapping(query) {
return request({
url: url,
method: 'delete',
params: query
})
}
export function putMapping(data) {
return request({
url: url,
method: 'put',
data
})
}
项目中使用
import {postMapping} from '@/utils/requestUtils'
methods:{
getUserList () {
postMapping('/system/user',this.queryList)
.then(res => {
this.userList = res.data.data
})
},
}
点我查看跨域问题解决方案
更多推荐
vue前后端分离,axios请求后台数据,axios的使用,前端获取后端数据
发布评论