Skip to content

GitLab

  • Projects
  • Groups
  • Snippets
  • Help
    • Loading...
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in / Register
T treasure
  • Project overview
    • Project overview
    • Details
    • Activity
    • Releases
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 13
    • Issues 13
    • List
    • Boards
    • Labels
    • Service Desk
    • Milestones
  • Merge requests 0
    • Merge requests 0
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Operations
    • Operations
    • Incidents
    • Environments
  • Packages & Registries
    • Packages & Registries
    • Container Registry
  • Analytics
    • Analytics
    • CI/CD
    • Repository
    • Value Stream
  • Wiki
    • Wiki
  • External wiki
    • External wiki
  • Snippets
    • Snippets
  • Members
    • Members
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • FE
  • treasure
  • Issues
  • #250

Closed
Open
Created Feb 18, 2025 by fengzi@fengziDeveloper

decodeURIComponent在ios端的兼容

场景: APP端分享页面,在分享的url中拼接了中文的参数,分享前已经经过encodeURIComponent编码过中文,加载对应的url,对应的参数也经过decodeURIComponent解码过,但是在ios端打开依然是乱码

image

如何解决: ios端在加载url链接的时候,会重新对url进行了一次编码,所以一次decodeURIComponent是不够的,还需要一次decodeURIComponent。 解码函数:

/**
 * @description 判断是否需要继续解码(url参数中经过encodeURIComponent的参数会在分享过程中被二次编码),如果需要就继续解码,直到解码成功
 * @param {string} value 需要解码的值
 * @returns {string} 解码后的值
 */
export function recursiveDecodeURIComponent(encodedStr: string) {
  try {
    // 尝试进行一次解码
    const decodedStr = decodeURIComponent(encodedStr);
    // 如果解码后的字符串和原字符串相同,说明已经无法再解码
    if (decodedStr === encodedStr) {
      return decodedStr;
    }
    // 否则,继续递归解码
    return recursiveDecodeURIComponent(decodedStr);
  } catch (error) {
    // 如果解码过程中出现错误,说明已经是最终解码结果
    return encodedStr;
  }
}
Edited Feb 18, 2025 by fengzi
Assignee
Assign to
None
Milestone
None
Assign milestone
Time tracking