记录一次vue 和 prisma的问题排查

最新推荐文章于 2024-09-04 11:37:02 发布
最新推荐文章于 2024-09-04 11:37:02 发布
阅读量1.3k 收藏
点赞数
文章标签： javascript mysql node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhumingyua/article/details/120425803
版权
在Vue前端与Prisma ORM结合的项目中，遇到数据库BigInt报错和Decimal类型数据被序列化为字符串的问题。BigInt错误通过重写toJSON()函数解决，而Decimal类型的值在Prisma从MySQL获取后默认序列化为字符串，需通过toNumber()转换。解决方案是在Express序列化之前替换Prisma内建类型的toJSON()方法，确保数据正确传递。
摘要由CSDN通过智能技术生成

项目背景: 前端使用vue 后端使用node
其中后端服务器框架用express orm框架使用prisma 数据库是mysql
前后端使用json传输数据

问题:

  1. 数据库BigInt报错TypeError: Do not know how to serialize a BigInt
    查了一下发现根本就不是问题 是一个历史遗留问题,然后chrome的程序员开玩笑就不给解析,但是实际上一行代码就解决问题了

    解决方案: 在用到BigInt的serialize之前 给BigInt换上新的toJSON()函数

    // 因为这里项目用的是express 所以就是在根目录项目启动文件app.js 中添加这行代码
BigInt.prototype.toJSON = function() {
      return this.
最低0.47元/天 解锁文章
zhumingyua
关注
解决Nginx部署Vue项目第一次访问正常第二次访问404的问题
江晓龙的博客
08-29 4万+
【代码】解决Nginx部署Vue项目第一次访问正常第二次访问404的问题。
学透JSON.stringify
大帅哥
10-12 262
JSON.stringify() 方法将一个 JavaScript 对象或值转换为 JSON 字符串，如果指定了一个 replacer 函数，则可以选择性地替换值，或者指定的 replacer 是数组，则可选择性地仅包含数组指定的属性。 以下信息来自 MDN 语法 JSON.stringify(value[, replacer [, space]]) 参数 value 将要序列化成 一个 JSON 字符串的值。 replacer 可选 如果该参数是一个函数，则在序列化过程中，被序列化的.
-504002，小程序发送订阅消息报错：Do not know how to serialize a BigInt
weixin_52426668的博客
04-13 601
发送订阅消息的时候报错，虽然可以也发送出去但是可能会影响后续的判断和操作。解决方法：发送订阅消息的云函数中，，不要把整个res都返回。
python接口自动化针对接口中有日期的出现o = datetime.date(2024, 9, 4)TypeError: Object of type date is not JSON serial
最新发布
weixin_44249280的博客
09-04 181
报错信息如上，原因是json.dumps无法对字典中的datetime时间格式数据进行转化，dumps的原功能是将dict转化为str格式，不支持转化时间，所以需要将json类部分内容重新改写，来处理这种特殊日期格式。那是因为我要将这个获得日期值写入到yaml文件中，这个时候会将对应的字符串没有效果，需要手动给返回的日期加上双引号。所以需要将对应的日期改成字符串类型就可以解决这个问题了，所以我强行将返回的日期格式使用str进行强转。接口中使用参数有日期格式。发现运行之后还是报错，
Prisma(六)——Prisma ➕ Apollo ➕ Vue(vue中使用prisma)
The One Who's at the Front
01-20 770
到目前为止，我们知道Prisma是一个后端框架，那如何与vue项目结合起来呢❓嗯，没错，是Apollo。 vue-apollo虽然没有react-apollo出名，但是也是很好用的，我们一起来看看vue-apollo???????????? vue-apollo 安装 npm install vue-apollo graphql apollo-client apollo-link-http 创建Apoll...
TypeError: Do not know how to serialize a BigInt
gambool的博客
11-22 2501
这种对于直接序列化BigInt固然是可以的，但是当我们需要进行json序列化的情况往往是相对复杂的结构，比如一个object里面嵌套了一个BigInt类型的字段，使用上述方法进行序列化依旧会报出同样的错误。JSON.stringify(arg)这个方法可以传递一个自定义的replacer函数，用以定义json序列化的过程。JavaScript 不允许修改内置类型的原型方法，因此，不能在 BigInt 上直接定义。遇到其他类型的序列化问题，也可以按如上方式解决！如果有同学完成了此方法的定义，希望可以留言！
微信小程序发送订阅消息后报错：Do not know how to serialize a BigInt
zhu_bao_er的博客
04-22 810
解决subscribeMessage.send errCode: -504002报错问题
解决JSON.stringify 方法在序列化 BigInt 类型时的错误
qweasl_的博客
06-02 667
这是从数据库的article表中查找id为 1 的数据，它里面有个content的属性，其值有百多来字。今天学nest时，使用apifox发送请求获取数据，结果还一直报错，而且还是我从未见过的。我都是跟着人家敲的，我就纳闷了，就上网查资料 ， 原来是我的。2.自定义Json.stringify 方法。1.直接将BigInt 转为string。content的值使用mock随机生成的。类型，从而导致这个错误。
手写JSON.stringify
判断一个点是否在闭合曲线内
03-02 802
一、JSON.stringify作用 将一个对象或值转换成一个JSON字符串。 console.log(JSON.stringify({ x: 5, y: 6 })); // "{"x":5,"y":6}" console.log(JSON.stringify(true)); // "true" console.log(JSON.stringify(new Date())); // 2020-03...
fullstack-boilerplate:全栈应用样板（Fastify Mercurius Nexus Prisma Vue 3）
05-22
全栈样板 全栈应用样板（Fastify / Mercurius / Nexus / Prisma / Nuxt）。...Prisma Studio可用于浏览模型和数据 yarn studio 在开发模式下启动时，Nuxt应用程序通过http://localhost:4000上的HTTP代理提供服
Vue3通透教程【一】Vue3现状—必然趋势？
热门推荐
官方推荐
01-30 6万+
凉哥作为 Vue 的忠诚粉丝输出过大量的 Vue 文章，应粉丝要求开始更新 Vue3 的相关技术文章，Vue 框架目前的地位大家应该都晓得，所谓三大框架使用人数最多，公司选型最多的框架，凉哥之前在文章中也提到过就是 Vue 框架之所以火起来的原因，和 Vue 框架相比其他框架的巨大优势，有兴趣的伙伴可以看一下Vue框架背后的故事。
记录一次Vue3.0引入ElementPlus之后样式不生效的一个大坑
m0_67401761的博客
03-07 4251
事情是这样的，我呢，主要是做后端的，很少碰前端，而且真心不擅长前端，每次碰都特别痛苦。但是最近实在是有点闲，为了能优化一下我前一阵做的一个服务型项目，准备加几个页面实现配置业务参数和查询执行记录之类的功能。所以上网看了看教程，搭了一个VUE3.0的项目，并且准备用ElementUI为VUE3.0推出的ElementPlus作为UI库。 于是我就按照教程，使用VUE/CLI脚手架搭了一个项目，并且配置了vue.config.js的配置文件（这里画个重点要考的！），然后按部就班配置了vue-router和ele
【前端进阶】数组和对象的深浅克隆
weixin_46857470的博客
10-19 397
近期整理的关于数组和对象的深拷贝的相关知识，如果有什么不足或错误请指出，互相学习，共同进步
【无标题】，卧槽
m0_61549740的博客
03-21 567
JSON.stringify 作为日常开发中经常使用的方法，你真的能灵活运用它吗？学习本文之前，小包想让大家带着几个问题，一起来深入学习stringify。stringify函数有几个参数，每个参数分别有啥用啊?stringify序列化准则有哪些啊?函数序列化中会如何处理?等特殊的值又会如何处理?ES6后增加的Symbol类型、BigInt序列化过程中会有特别处理吗?stringify为什么不适合做深拷贝?你能想到那些stringify的妙用?整个文章的脉络跟下面思维导图一致，大家可以先留一下印象。
探索时间的美学：Heron.MudCalendar——为MudBlazor定制的日历组件
gitblog_00844的博客
08-30 774
探索时间的美学：Heron.MudCalendar——为MudBlazor定制的日历组件 Heron.MudCalendarCalendar component for MudBlazor项目地址:https://gitcode.com/gh_mirrors/he/Heron.MudCalendar 在数字世界的每个角落，时间管理成为了不可或缺的一部分。对于那些钟情于.NET世界，尤其是基于M...
Prisma(三)——数据模型
The One Who's at the Front
01-06 2594
数据模型 datamodel定义概述 datamodel有两个主要功能： 定义底层数据库模式和表。 它是Prisma API的自动生成的CRUD和实时操作代码的基础。 构建数据模型的块 有几个可用的构建块来塑造你的数据模型： Types由多个fields字段组成，通常表示应用程序中的实体(例如User，Car，Order)。数据模型中的每种类型都映射到数据库表，并且将CRUD操作添加到Gra...
当面试官问起JSON.stringify时，我这样回答后，他说...
Umbrella_Um的博客
03-17 2218
震惊😱 👉🏻 JSON.stringify 原来还可以这样用
Vue+element-ui Table二次封装实践详解
"本文将介绍如何在Vue.js项目中对element-ui的Table组件进行二次封装，以实现更灵活、统一的表格样式和功能。通过封装，可以提高代码复用率，简化开发流程。作者分享了自己的实践过程，包括封装的原因、实现步骤及...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值