vue中请求方式总结

1、常规方式，将参数拼接到后面，或者不带参数请求。

export function getTopic(id) {return request({url: '/space/topicFavlist/getTopic/' + id,method: 'get',})
}

2、在body中携带参数，常用于post请求。

export function addCollect(data) {return request({url: '/space/topicFavlist/insertFav',method: 'post',data: data,})
}

3、用params将参数自动拼接到请求路径后面，一般是get请求。

export function getCollect(params) {return request({url: '/space/topicFavlist/list',method: 'get',params:params})
}
//此时调用该方法传递的参数会自动拼接到后面，比如：
params = { id:1 , text:"hello" }
getCollect(params)
//请求地址为：
/space/topicFavlist/list?id=1&text=hello

扩展：json对象与FormData对象之间的转换

let jsonData = {userName:"jsck",age:18}
const formData = new FormData()
//单个键值对转换
formData.append('userName',jsonData.userName);
formData.append('age',jsonData.age);
//转换整体的一个对象
formData.append("data", JSON.stringify(jsonData));//formdata转成json形式数据：
var jsonData = {};
formData.forEach((value, key) => jsonData[key] = value);

vue中请求方式总结相关推荐

vue中请求接口怎么封装公共地址_如何修改Vue打包后文件的接口地址配置(转自网络)...
1.背景常规的vue项目分为本地环境和生产环境,我们只要对 config 文件夹下的 dev.env.js 和 prod.env.js 做相应的配置即可.但是最近在做的项目中,涉及到私有化部署,就是 ...
vue中请求的数据时间戳转换时间
前言下面是vue中将请求的数据中的时间戳转化成标准时间,下面是我总结的两种方式: 第一种方式: 这里是在vue请求的数据中将时间戳转换字符串的这是代码中的关键部分 //item.add_time ...
【详解Vue中请求拦截器】
文章目录前言一.安装依赖二.定义拦截器 1.创建一个interceptors.js文件用于定义拦截器 2.注册插件 3.发送请总结前言提示: Vue请求拦截器通常用于在发送请求之前对请求进 ...
vue中请求接口怎么封装公共地址_vue请求接口的封装
import api from './api'; import request from'./request';//获取url上的rest参数,返回参数列表 /{userId}/{roleId} =& ...
vue中请求到的数据赋值给data 对象
在写vue的项目时,用axios请求到的数据,直接赋值给data对象,当修改data对象里面的数据,请求到的数据也会改变. _this.detailData是data对象里面的数据,response. ...
时间戳处理：vue中请求接口返回的数据将时间戳转换成时间并渲染到页面
问题: 今天遇到一个问题是,请求接口,返回了很多的时间戳数据.将时间戳转换成时间.并渲染到页面上.之前有篇文章讲的是单个时间戳的转换.这次是多个数据.我有点不知所措了. 分析: 经过思考,我们可以这样 ...
「后端小伙伴来学前端了」Vue中学会使用Echarts生成各种各样的图表，得学学了，必须要会的基本操作了
依旧还是学妹给的封面直接进入主题-在vue中使用个啥,都差不多是一个流程. 引入Echarts 安装 npm install echarts --save 我们写一个Echarts组件,在内进行引入 ...
axios vue 加载效果动画_在vue中通过axios异步使用echarts
现实的工作中, 数据不可能是像之前的demo演示的那样把数据写死的. 所有的数据都应该通过发送请求进行获取, 所以, 这篇文章, 我将在Vue项目中使用Echarts: 在Vue中引入Echarts中 ...
vue中的倒计时跳转页面问题和axios网络请求this作用域问题
一.前言这两个是在日常开发中碰到的问题,网上都能查得到答案,但是我怕自己会忘记,姑且记录一下用作笔记吧. 二.vue倒计时跳转问题 1.案例比如我们在一次网络请求结束之后,如果返回结果是成功,则倒 ...

vue中请求方式总结

1、常规方式，将参数拼接到后面，或者不带参数请求。

2、在body中携带参数，常用于post请求。

3、用params将参数自动拼接到请求路径后面，一般是get请求。

扩展：json对象与FormData对象之间的转换

vue中请求方式总结相关推荐

最新文章

热门文章