vue前后端分离，axios请求后台数据，axios的使用，前端获取后端数据

首先安装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
          })
      },
}

点我查看跨域问题解决方案