为什么我的XWebView服务index.html使用文件方案，我如何改变它

Question

我使用WKWebView来服务index.html的单页web应用程序(ember)，像这样:

class ViewController: UIViewController {
    override func viewDidLoad() {
        super.viewDidLoad()
        let webview = WKWebView(
            frame: view.frame, 
            configuration: WKWebViewConfiguration()
        )
        view.addSubview(webview)
        let root = NSBundle.mainBundle().resourceURL!
        let url = root.URLByAppendingPathComponent("dist/index.html")
        webview.loadFileURL(url, allowingReadAccessToURL: root)

可以很好地加载索引文件。但是索引文件使用文件方案请求它的链接和资源?如果我在检查器中使用Safari检查应用程序，我会看到所有本地资源都出现这个错误:

[Error] Failed to load resource: ... file:///dist/assets/css/vendor.css

在index.html中看起来像:

<link rel="stylesheet" href="./dist/assets/vendor.css">

我想要的是资源请求转到我的GCDWebServer，我设置像这样:

@UIApplicationMain
class AppDelegate: UIResponder, UIApplicationDelegate {
    var window: UIWindow?
    var webServer: GCDWebServer?
    func application(application: UIApplication, didFinishLaunchingWithOptions launchOptions: [NSObject: AnyObject]?) -> Bool {
        self.webServer = GCDWebServer()
        self.webServer!.addGETHandlerForBasePath("/",
            directoryPath: NSBundle.mainBundle().bundlePath,            
            indexFilename: nil,
            cacheAge: 3600,
            allowRangeRequests: true
        )
        self.webServer!.startWithPort(8080, bonjourName: "GCD Web Server")
        print("GCD Server running at: (self.webServer!.serverURL)")
        return true

并且我已经将dist文件夹添加到Xcode的bundle中。

我在这里错过了什么?

Answer 1

这就是HTML的工作原理。不是绝对的href是相对于引用页面的来源的。所以如果你在file:///dir/index.html上设置了images/foo.png，浏览器将会请求file:///dir/images/foo.png。

如果你需要浏览器从不同的位置获取资源，你需要在你的HTML中使用绝对url(例如http://localhost:8080/whatever)

Answer 2

解决方案非常简单。我只需要通过使用webview.loadRequest而不是webview.loadFileURL从localhost服务我的index.html，像这样:

let appDelegate = UIApplication.sharedApplication().delegate as! AppDelegate
let serverURL = appDelegate.webServer!.serverURL
let indexURL = serverURL.URLByAppendingPathComponent("dist/index.html")
webview.loadRequest(NSURLRequest(URL: indexURL))

正如Andrew Medico指出的那样，href是相对于它们的父页面的，所以如果我从localhost提供index.html，那么我所有的资源也都是从localhost请求的。解决了。