Axios POST提交数据的简化写法

news/2024/7/10 2:30:27 标签: 前端, axios, vue

使用示例:

【旧】

import Axios from 'axios'

function crestUrl(str) {  // 拼接地址
	let url = 'http://' + localStorage.ipAddress + ':' + localStorage.port + BASE_URL + str
	return url 
}
function login(data) {
	let url = creatUrl('permit/token)
	return Axios({
		headers: { 'Content-Type': 'application/json;charset=UTF-8' },
		method: 'post',
		url: url,
		data: data
	})
}

【新】

function login(data) {
	let url = creatUrl('permit/token)
	return Axios.post(url, data) // 一行代码搞定!!
}

三种方法(还没验证暂时摆在这里回头看)

1、Content-Type: application/json

import axios from 'axios'
let data = {"code":"1234","name":"yyyy"};
axios.post(`${this.$url}/test/testRequest`,data)
.then(res=>{
    console.log('res=>',res);            
})

2、Content-Type: multipart/form-data

import axios from 'axios'
let data = new FormData();
data.append('code','1234');
data.append('name','yyyy');
axios.post(`${this.$url}/test/testRequest`,data)
.then(res=>{
    console.log('res=>',res);            
})

3、Content-Type: application/x-www-form-urlencoded

import axios from 'axios'
import qs from 'Qs'
let data = {"code":"1234","name":"yyyy"};
axios.post(`${this.$url}/test/testRequest`,qs.stringify({
    data
}))
.then(res=>{
    console.log('res=>',res);            
})

http://www.niftyadmin.cn/n/1486040.html

相关文章

Node.js 模块系统

为了让Node.js的文件可以相互调用,Node.js提供了一个简单的模块系统。 模块是Node.js 应用程序的基本组成部分,文件和模块是一一对应的。换言之,一个 Node.js 文件就是一个模块,这个文件可能是JavaScript 代码、JSON 或者编译过的…

Android开发者指南(10) —— Android API Levels

前言   本章内容为开发者指南(Dev Guide)/Appendix/Android API Levels,版本为Android3.0 r1,翻译来自:"jackeylu",欢迎大家访问他的博客:"http://jackeylu.wordpress.com/",再次感谢…

Cannot read property ‘cancelToken‘ of undefined“

全局搜索没有“cancelToken”这个变量,所以是接口调用过程产生的bug,查下报错的模块相关的Axios代码。 我这个是因为 function login() {return Axios.post(permit/token) // 错误一: url错误,应该是https://www.baidu.com/这种&#xff0c…

二维树状数组模板(区间修改+区间查询)

二维树状数组模板(区间修改区间查询) 例题:JOIOI上帝造题的七分钟 一共两种操作: \(L\ x_1\ y_1\ x_2\ y_2\ d\):把\((x_1,y_1)\),\((x_2,y_2)\)这个矩形内所有元素加\(d\)。\(k\ x_1\ y_1\ x_2\ y_2\):查询\((x_1,y_1…

RTOS 与嵌套中断

(原创文章,欢迎转载,请注明出处) 有朋友问我,为什么有些 RTOS 支持中断嵌套, 有些 RTOS 不支持? 这个问题,我想了一下。先从中断来说吧,中断是什么。当CPU在做一件事情的时候,现在有…

SBO lisence硬件码会发生改变的情况

The following actions will change the Hardware Key: 以下操作会对硬件码产生影响 l Formatting the machine and reinstalling Windows. 格式化机器和重装Windows操作系统 l When changing the computer name. 改变计算机名 l When changing the domain (it will not c…

同一个安卓壳子打出来的apk包如何避免相互覆盖

本来相互覆盖是没有问题,但是业务需要两个app同时存在。以此文章记录踩坑过程及正解。 经查看两个apk包:apk名不同;签名相同;applicationId相同 【解决方法】 1、找到app目录下build.gradle文件,搜索applicationId&a…

17年总结18年计划

今天的天气相比去年而言,感觉明朗了许多。不过让人非常气愤的一点就是,新闻报道”安徽合肥多个公交站被学压倒,致20余人受伤” ,当然受伤这件事情让人很难过,但是就下雪这件事情而言,北雪南调,这样好吗&…