Vue打包的静态文件，在IOS中引入，不能返回上一页的

最新推荐文章于 2024-08-18 23:58:50 发布

帅气一只猪

最新推荐文章于 2024-08-18 23:58:50 发布

阅读量1.7k

点赞数 1

CC 4.0 BY-SA版权

文章标签： vue.js ios javascript

本文链接：https://blog.csdn.net/foreversilent/article/details/122249814

在使用Vue开发的前端应用被引入到iOS的WKWebView时，作者遇到了返回上一页功能失效的问题。尝试了多种web标准的返回方法如$router.back()、window.history.back()等均无效。问题根源在于使用`webview.loadHTMLString`加载静态文件导致无访问历史。通过改用`URLRequest`加载本地HTML文件，成功实现了返回上一页的功能。此解决方案对于在WKWebView中集成Vue应用具有参考价值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

目前需求是：使用Vue开发前端界面，然后把打包出来的静态文件引入到IOS中 WKWebView展现

遇到问题是：界面展现没有问题，但是无法使用，以下各种方法返回上一页，以下列出的还不是全部，已经尝试了所有web 支持的写法，都不行

let that = this

that.$router.back()
window.history.back()
that.$router.go(-1);
window.history.go(-1);

只有 Vue 的 that.$router.push 方法可以跳转页面，但是这不符合需求，如果用push实现跳转的话，遇到需要返回 -2 级页面的时候，没法操作，除非自己实现访问记录列表的缓存

经过2天的尝试，发现是因为加载静态文件的方式不对，之前使用的是

 webview.loadHTMLString

这种方式加载的HTML资源，不会存在web访问记录，导致返回上一页的方法失效，后来尝试使用request url的方式后，成功返回上一页

let pathString = Bundle.main.path(forResource: "index", ofType: "html")! as String
        
let webUrl = URL.init(fileURLWithPath: pathString)

let request = URLRequest(url: webUrl)

webview.load(request)