本文主要是介绍vue中使用axios--get参数的发送，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

在vue中使用axios

获取get请求的/api/personer路径

1.axios封装文件中

base.js

//路径配置文件
const base = {
    psrList:'myApi/api/personer'           //分页字段查询
}
export default base

index.js

//请求的方法
import base from './base' //引入配置文件
import axios from 'axios' //引入axios
/*
    以下封装的函数一定要有return值！！

*/
const api = {
    /*
   个人中心数据查询
    */
    personalQuery(params) {
        return axios.get(base.psrList, {
            params
        })
    }
}

export default api

2.调用axios

        getTableData( ) { //此处进行axios获取后台数据
            api.personalQuery({  //写数据
                page: 1,
                pageSize: 3
            }).then(res => {
                console.log(res);
            })
        }

3.后端写接口获取前台数据的规范

router.get('/api/personer', async (req, res) => {
//获取前台数据
    console.log(req.query);
    let page = req.query.page||1;
    let pageSize = req.query.pageSize;
}

这篇关于vue中使用axios--get参数的发送的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！