其他分享
首页 > 其他分享> > Vue打包的静态文件,在IOS中引入,不能返回上一页的

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

作者:互联网

目前需求是: 使用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)

标签:返回,Vue,request,IOS,let,一页,router,打包
来源: https://blog.csdn.net/foreversilent/article/details/122249814