标签：vue 后端 simpleModule Long 类型 new objectMapper

数据设计使用bigint 类型作为主键，Java后台使用Long 类型进行接收。

在前端vue中调用后端的通过id查询方法，进行对数据库中的数据查询时，发现后端查询不到数据，后经发现：
用psotman对后端的查询服务进行测试，无问题。
查看前端vue获取的数据id时，发现获取的数据id和数据库中的数据的Id 不一致。
所以才会导致查询查不到数据
由此引导出下面的问题：
javascript 的 Number 类型最大长度是17位；
mysql 使用bigint 类型长度是20位；

解决办法：配置一个配置类。用于Java传值给前端进行JSON序列化时，将Long 类型转成string 类型序列化。

@Configuration
@EnableWebMvc
public class CustomJsonConfiguration implements WebMvcConfigurer {
    @Override
    public void configureMessageConverters(List<HttpMessageConverter<?>> converters) {
        MappingJackson2HttpMessageConverter jackson2HttpMessageConverter = new MappingJackson2HttpMessageConverter();

        ObjectMapper objectMapper = new ObjectMapper();
        /**
         * 序列换成json时,将所有的long变成string
         * 因为js中得数字类型不能包含所有的java long值
         */
        SimpleModule simpleModule = new SimpleModule();
        simpleModule.addSerializer(Long.class, ToStringSerializer.instance);
        simpleModule.addSerializer(Long.TYPE, ToStringSerializer.instance);
        objectMapper.registerModule(simpleModule);

        jackson2HttpMessageConverter.setObjectMapper(objectMapper);
        converters.add(jackson2HttpMessageConverter);
    }
}

标签：vue,后端,simpleModule,Long,类型,new,objectMapper
来源： https://www.cnblogs.com/xuejun-blog/p/15151796.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。