Demo环境:
IOS 15,Xcode 13, swift, vue打包后的dist文件
步骤:
一:将web项目打包后的dist目录下文件移动到ios项目中
新建Resources文件夹
注意选种第二种方式
查看Build Phases中可以看到,web资源已被自动添加
二: Swift代码
//
// ViewController.swift
// WebDemo
//
// Created by admin on 2022/8/20.
//
import UIKit
import WebKit
class ViewController: UIViewController, WKNavigationDelegate {
let fullScreenSize = UIScreen.main.bounds.size
var myWebView :WKWebView!
override func viewDidLoad() {
super.viewDidLoad()
// Do any additional setup after loading the view.
let webConfiguration = WKWebViewConfiguration()
webConfiguration.preferences.setValue(true, forKey: "allowFileAccessFromFileURLs") // 解决web同源策略问题
myWebView = WKWebView(frame: CGRect(x: 0, y: 0, width: fullScreenSize.width, height: fullScreenSize.height),configuration: webConfiguration)
myWebView.navigationDelegate = self
self.view.addSubview(myWebView)
let myPath = Bundle.main.path(forResource: "index", ofType: "html")
let myURL = URL(fileURLWithPath: myPath!)
myWebView.loadFileURL(myURL, allowingReadAccessTo: Bundle.main.bundleURL)
}
}
三:效果图
点个赞再走吧!😁