URL编码失效求助：传递layer1与layer2参数未正常生效

你的问题出在直接对拼接好的完整URL字符串做编码，这种方式会导致特殊字符未被正确转义，甚至对已编码内容重复编码，最终服务器无法解析参数。

问题根源 #

1. addingPercentEncoding(withAllowedCharacters: .urlQueryAllowed)不会编码[]这类字符，但这些字符在URL查询参数中需要被转义才能被服务器正确识别；
2. 原字符串里的Winter%20days已经是编码后的空格，二次编码会变成Winter%2520days，服务器解析后会得到错误的文本内容。

正确解决方案：用URLComponents分步骤构建URL #

正确的做法是通过URLComponents组件化构建URL，让系统自动处理每个参数的编码，避免手动拼接的错误。代码示例：

// 基础URL地址
let baseURLString = "https://media.me.com/i/helabojun/MY_Cover_LAKMan_MB_kanjapani_v.43-44"
guard var urlComponents = URLComponents(string: baseURLString) else {
    fatalError("无效的基础URL")
}

// 定义未编码的原始参数值（不需要手动转义任何字符）
let layer1Param = "[text=INCOMING:&fontSize=76&textColor=#ffffff&textAlign=center&anchor=MC&left=50%&top=42%]"
let layer2Param = "[text=Winter days&fontSize=164&textColor=#ffffff&textAlign=center&anchor=MC&left=50%&top=50%]"

// 添加查询参数
urlComponents.queryItems = [
    URLQueryItem(name: "layer1", value: layer1Param),
    URLQueryItem(name: "layer2", value: layer2Param)
]

// 生成最终可用的URL
guard let finalURL = urlComponents.url else {
    fatalError("URL构建失败")
}

print(finalURL.absoluteString)

为什么这能解决问题 #

• URLComponents会自动对每个查询参数的value进行符合标准的百分号编码，包括[]、&、#这些特殊字符；
• 原始字符串中的空格会被正确编码为%20，不会出现重复编码的问题；
• 服务器能准确解析出每个参数的完整内容，确保layer1和layer2参数正常工作。

内容的提问来源于stack exchange，提问作者Lakshan