求助：无法在WKWebView请求头自定义Origin解决CORS问题

直接修改WKWebView发出请求的Origin字段做不到——因为WKWebView对file://协议的请求有严格的安全限制，浏览器内核会强制把Origin设为file://，没法通过修改请求头直接覆盖。不过有几个可行的解决方案：

1. 用自定义URL Scheme替代file://（推荐） #

这是最靠谱的方案，通过自定义专属scheme（比如xyz://）加载本地资源，WKWebView会自动把Origin设为这个自定义scheme，刚好满足后端的要求。

实现步骤： #

• 自定义WKURLSchemeHandler，处理专属scheme的请求，返回本地资源
• 在WKWebViewConfiguration里注册这个handler
• 用自定义scheme的URL加载本地页面

代码示例：

首先定义Scheme处理器：

class CustomSchemeHandler: NSObject, WKURLSchemeHandler {
    func webView(_ webView: WKWebView, start urlSchemeTask: WKURLSchemeTask) {
        guard let url = urlSchemeTask.request.url, url.scheme == "xyz" else {
            urlSchemeTask.didFailWithError(NSError(domain: "CustomSchemeError", code: -1, userInfo: [NSLocalizedDescriptionKey: "无效的协议"]))
            return
        }
        
        // 把自定义协议的路径转为本地文件路径
        let relativePath = url.path.trimmingCharacters(in: CharacterSet(charactersIn: "/"))
        guard let filePath = Bundle.main.path(forResource: relativePath, ofType: nil) else {
            urlSchemeTask.didFailWithError(NSError(domain: "CustomSchemeError", code: -3, userInfo: [NSLocalizedDescriptionKey: "文件不存在"]))
            return
        }
        
        let fileURL = URL(fileURLWithPath: filePath)
        do {
            let data = try Data(contentsOf: fileURL)
            let mimeType = getMimeType(for: fileURL)
            let response = HTTPURLResponse(url: url, statusCode: 200, httpVersion: "1.1", headerFields: ["Content-Type": mimeType])!
            urlSchemeTask.didReceive(response)
            urlSchemeTask.didReceive(data)
            urlSchemeTask.didFinish()
        } catch {
            urlSchemeTask.didFailWithError(NSError(domain: "CustomSchemeError", code: -2, userInfo: [NSLocalizedDescriptionKey: "加载文件失败"]))
        }
    }
    
    func webView(_ webView: WKWebView, stop urlSchemeTask: WKURLSchemeTask) {}
    
    // 辅助方法：判断文件的MIME类型
    private func getMimeType(for url: URL) -> String {
        let ext = url.pathExtension.lowercased()
        switch ext {
        case "html": return "text/html"
        case "js": return "application/javascript"
        case "css": return "text/css"
        case "png": return "image/png"
        case "jpg", "jpeg": return "image/jpeg"
        default: return "application/octet-stream"
        }
    }
}

然后修改你的原有代码：

let config = WKWebViewConfiguration()
// 注册自定义协议处理器
let schemeHandler = CustomSchemeHandler()
config.setURLSchemeHandler(schemeHandler, forURLScheme: "xyz")

webView = WKWebView(frame: view.frame, configuration: config)
view.addSubview(webView)

// 用自定义协议加载本地index.html
let customURL = URL(string: "xyz://index.html")!
webView.load(URLRequest(url: customURL))

这样页面中发起的API请求，Origin会自动设为xyz://，完美匹配后端要求，解决CORS问题。

2. 别踩坑：JS修改Origin无效 #

不要尝试通过注入WKUserScript去修改XMLHttpRequest或fetch的Origin——浏览器内核会强制校验Origin的合法性，JS层面的修改会被直接忽略，甚至触发错误，完全起不到作用。

3. 后端配合的备选方案 #

如果后端可以调整规则，也可以直接把file://加入允许的Origin列表，但既然后端明确要求专属值，这个方案优先级较低。

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