前端页面跳转时路径上传参数有特殊符号时报错,解决

 const sendValue = {
                  equipId: record.equipId,
                  id: record.id,
                  stationInfo: false,  
                  stationId: record.stationId,
                  auditState: record.auditState,
                  stateName: auditStateItem?.name || '',
                  auditDesc: encodeURIComponent(record.auditDescription),  // 使用encodeURIComponent编码特殊符号参数
                  fromPage: 'confirm'
         };
     props.history.push(`/manageControl/strategyConfirm/viewDetails?record=${JSON.stringify(sendValue)}` );

encodeURI() 函数用于对 URI 进行编码,此函数对特殊字符进行编码,除了: , / ? : @ & = + $ #,http路径采用encodeURI进行编码

encodeURIComponent()对 : , / ? : @ & = + $ #这些字符进行编码,在路径中携带的参数采用encodeURIComponent进行编码

请使用 decodeURI() 函数对已编码的 URI 进行解码。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容