vue使用echarts如何获取后台数据_axios 前后端分离的项目，前端如何获取后台数据...

最新推荐文章于 2023-03-21 09:08:32 发布

weixin_39873325

最新推荐文章于 2023-03-21 09:08:32 发布

阅读量591

点赞数

文章标签： vue使用echarts如何获取后台数据前后端分离后前端获得session数据前端如何获取联通积分跨域获取后台数据undefined

本文链接：https://blog.csdn.net/weixin_39873325/article/details/111288827

版权

首先安装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.jsexport function getMapping(url, params) {    return request({        url: url,        method: 'get',        params: params    })}export function postMapping(url,objectVo) {    return request({        url: url,        method: 'post',        data:objectVo    })}export function deleteMapping(url, params) {    return request({        url: url,        method: 'delete',        params: params    })}export function putMapping(url, params) {    return request({        url: url,        method: 'put',        data: params    })}

项目中使用

import {postMapping} from '@/utils/requestUtils'methods:{      getUserList () {        postMapping('/system/user', {          page: this.currPage,    //与后台接口对应的参数          size: this.sizePage,          userVo: this.userVo        })          .then(res => {            this.userList = res.data.data          })      },}

如有文章对你有帮助，

点赞关注是对我最大的支持！！！

大家也可以关注一下我的公众号【Java手册】，每天分享学习干货！