前端关于HTTP的知识

当前端修改代码后,测试环境的bug未修复,通过检查请求头的last-modified时间,确定代码是否真正部署。同时介绍了如何设置接口请求头,包括Content-Type、Accept-Language等,并展示了如何传递formData数据进行文件上传。对于TS文件,还给出了定义带参数的接口示例。
摘要由CSDN通过智能技术生成

1、大家是否遇到过这种问题?

前端明明改了代码传上去,运维说部署好了,于是前端告诉测试一切ok,结果测试说bug还是存在啊,你没改吧。

ok,那咱们就去甩锅;

1、打开测试环境的网页

2、F12打开控制台

3、选择JS,在请求头找到last-modified就知道最新一次部署的时间了。
在这里插入图片描述

2、接口传参如何定义请求头

export const 接口名字 = () =>
  http.post('url', {
    headers: {
      'Sales-Channel': 'IBE',
      'Content-Type': 'application/json',
      'Accept-Language': 'zh-cn',
    },
  });

如果还有参数

export const 接口名字 = () =>
  http.post('url', params,{
    headers: {
      'Sales-Channel': 'IBE',
      'Content-Type': 'application/json',
      'Accept-Language': 'zh-cn',
    },
  });

3、上传文件如何传formdata数据格式

在这里插入图片描述

  const formData = new FormData();
  formData.append('file', file);//这个file就是file的信息,多半都是在执行方法的时候传的值,比如upload方法里的参数
  await 接口名字(formData);

如果你是ts文件,接口如何定义呢

export const 接口名= (  params: FormData) =>
  http.post(`url`, params);
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值