广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >vue的axios请求改变content-type为form-data问题
  • 351
分享到

vue的axios请求改变content-type为form-data问题

vue的axios请求vuecontent-typevueform-data 2022-11-13 17:11:02 351人浏览 独家记忆
摘要

目录axiOS请求改变content-type为fORM-dataaxios无法发送‘Content-Type‘: ‘multipart/form

axios请求改变content-type为form-data

代码如下:

正常效果

axios无法发送‘Content-Type‘: ‘multipart/form-data‘请求 

我这里写的是纯粹的前端解决方案

按照一般的写法

const req = (method, url, params) => {
    return axios({
        method: "POST",
        url: url,
        headers: {
            'Content-Type': 'multipart/form-data',
            Token: localStorage.logintoken
        },
        data:params,
    });
};

封装完成以后你会发现后台并不能接受到你发送的数据,这是由于你发送的是request payload 但是后台做的接受是 formdata 你当然可以让你的后台小伙伴帮你修改

但是同样你可以通过qs和URLSearchParams对象的方法来解决

let params = new URLSearchParams();
//你要传给后台的key-value对
params.append('key','value');

或者

const req = (method, url, params) => {
    return axios({
        method: "POST",
        url: url,
        headers: {
            'Content-Type': 'multipart/form-data',
            Token: localStorage.logintoken
        },
        data:qs.stringify(params, { arrayFormat: 'brackets' }),
    });
};

以上为个人经验,希望能给大家一个参考,也希望大家多多支持编程网。 

--结束END--

本文标题: vue的axios请求改变content-type为form-data问题

本文链接: https://www.lsjlt.com/news/167732.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作