作为一个前端,如何做联调?

本文详细介绍了前后端接口调试的步骤,包括配置基础路径、声明接口、调用接口及使用浏览器控制台进行结果查看和参数检查的方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.首先把基础路径放到api文件里面

export default {
    //测试环境接口地址 appid
    api: `http://
}

2.把测试地址放到api文件里

export const CONTEXT = "http://";

3.把需要用到的接口进行声明:         

 //图片上传

export const baseUploadPic = CONTEXT + "/MerchantEntry/BaseuploadPic";

4.在ajax中进行接口的调用

axios({
     method: "post",
     url: `${API.baseUploadPic}`,
     headers: {
        ACCESS_TOKEN: token
     },
     data: {
        img_name: _timestamp + ".jpg",
        base64_img: _this.img_base64,
        img_flg: _img_flg.img_flg
     }
})

5.打开浏览器的开发者控制台里面,利用console进行查看打印结果,利用network进行接口调用的查看

6.接口传参和返回参数在network中点击接口,查看headers是我们往后台传递的参数,preview里是后台返给我们的数据

7.以此类推对接口进行一个一个的查找和调试

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值