问题描述

针对比较大的数值类型，比如：1857260970794627073
前端js处理的时候，默认会将后面几位数字变成0，变成了1857260970794627000，也就是丢失精度

处理方案

方案1：前端转换

这是我网上找到的一种方案。使用json-bigint

npm install json-bigint@1.0.0

import axios from 'axios'
import jsonBig from 'json-bigint'
 

//利用axios对象的方法create,去创建一个axios实例
const api = axios.create({
    baseURL: "http:xxxxxxxxx", // 后端地址
    timeout: 60000, // 请求超时时间
    transformResponse: [function (data) {
        //transformResponse这个配置项可以拦截接口返回的内容进行处理
        try {
            // 如果大数字类型转换成功则返回转换的数据结果
            return jsonBig.parse(data);
        } catch (err) {
            // 如果转换失败，代表没有长数字可转，正常解析并返回
            return JSON.parse(data)
        }
    }]
})
export default api

方案2：后端转换

由于这个是通用问题，而且有多个后端服务，对应不同的前端工程。
所以这个是我实际采用的方案

通过将Long类型的id字段序列化为String类型，保证前端能接收到完整的内容

private static final ObjectMapper MAPPER = new ObjectMapper();
SimpleModule module = new SimpleModule();
module.addSerializer(Long.class, new JsonSerializer<>() {
    @Override
    public void serialize(Long value, JsonGenerator gen, SerializerProvider serializers) throws IOException {
        if (value!= null) {
            if("id".equals(gen.getOutputContext().getCurrentName())) {
                gen.writeString(String.valueOf(value));
            } else {
                gen.writeNumber(value);
            }
        }
    }
});
MAPPER.registerModule(module);

然后在配置类里，将ObjectMapper声明为bean对象。解决问题