寫代碼碰到一個bug, 現象是 后台Java返回的18位的Long類型的數據,到前台丟失了精度還有前端在數據編輯的時候出現問題
(如上圖所示前端請求對象兩個數字其實都是對應同一個產品的id,上面字符串沒問題,下面前端同事傳的數字), 查了一下,原因是
java的Long類型是18位, 而 js的Long類型(雖然沒有明確定義的Long類型)是16位, 所以會造成丟失精度,
解決辦法:
1:將后台的Long轉換為字符串傳回前台(其中一種較簡單的方案就是在字段上面標注注解:@JsonSerialize(using = ToStringSerializer.class)),
前端提交的時候也提交字符串(如果轉為數字就會失真,后台字符串會自動轉化為long)
2:Spring Boot項目可以配置一個全局處理器,將long轉行為String
import com.fasterxml.jackson.databind.DeserializationFeature; import com.fasterxml.jackson.annotation.JsonInclude; import com.fasterxml.jackson.databind.ObjectMapper; import com.fasterxml.jackson.databind.module.SimpleModule; import com.fasterxml.jackson.databind.ser.std.ToStringSerializer; import org.springframework.context.annotation.Configuration; import org.springframework.http.converter.HttpMessageConverter; import org.springframework.http.converter.json.MappingJackson2HttpMessageConverter; import org.springframework.web.servlet.config.annotation.EnableWebMvc; import org.springframework.web.servlet.config.annotation.WebMvcConfigurer; import java.util.List; @EnableWebMvc @Configuration public class WebJsonConverterConfig implements WebMvcConfigurer { public void configureMessageConverters(List<HttpMessageConverter<?>> converters) { MappingJackson2HttpMessageConverter jackson2HttpMessageConverter = new MappingJackson2HttpMessageConverter(); ObjectMapper objectMapper = new ObjectMapper(); objectMapper.configure(DeserializationFeature.FAIL_ON_UNKNOWN_PROPERTIES, false); SimpleModule simpleModule = new SimpleModule(); simpleModule.addSerializer(Long.class, ToStringSerializer.instance); simpleModule.addSerializer(Long.TYPE, ToStringSerializer.instance); //null屬性不序列化 objectMapper.setSerializationInclusion(JsonInclude.Include.NON_NULL); objectMapper.registerModule(simpleModule); jackson2HttpMessageConverter.setObjectMapper(objectMapper); converters.add(jackson2HttpMessageConverter); } }