uni-app新增收货地址前后联调报错 2021-02-22

最新推荐文章于 2024-07-08 05:03:14 发布

weixin_44064703

最新推荐文章于 2024-07-08 05:03:14 发布

阅读量1.1k

点赞数

分类专栏： uni-app 文章标签： uni-app

本文链接：https://blog.csdn.net/weixin_44064703/article/details/113942370

版权

uni-app 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

本文探讨了uni-app项目中遇到的InternalServerError错误，分析了地图选择导致的数据问题，并提供了解决方案，即禁用location选择，改为手动输入地址。同时，关键词围绕前端开发、错误处理和数据格式调整展开。

摘要由CSDN通过智能技术生成

项目场景：

提示：这里简述项目相关背景：uniapp
例如：项目场景：uni-app 前端添加新增收货地址

问题描述：

数据在传输过程中出现 Internal Server Error
Status 返回500
uni-app 中接收数据代码：
在这里插入图片描述

接收到服务端返回的报错

{
	"error": "Internal Server Error",
	"message": "",
	"path": "/insertAdrress",
	"status": 500,
	"timestamp": "2021-02-22T08:17:41.992+00:00"
}

原因分析：

把address字段写死，就是传入固定的字符串是没有问题的，可能是地图选择的功能导致输出的部分没有弄成字符串

数据格式有问题，根据API文档当中的描述，uni-app当中传入数据如果不是String 类型会被转换为String 类型

解决方案：

取消使用uni-app API当中的chooseLocation 接口，改写为直接用普通的input标签进行编写，让用户手动输入收货地址（这其实是非常不负责的行为），JS端记得添加校验

// template 里面
<input class="input" 
 type="text"
 v-model="addressData.address" 
 placeholder="请填写收货地址" 
 placeholder-class="placeholder" />
//js里面
data:{
	userId:1,
	name:this.addressData.name,
	mobile:this.addressData.mobile				
	address:this.addressData.address,
	isDefault: false,
},