PyQt5 QWebEngineView加载本地HTML时JavaScript模块无法启用如何解决？

QWebEngineView 基于 Chromium 内核，默认遵循浏览器跨域安全策略：ES 模块加载要求严格的 CORS 校验，而使用 file:// 协议加载本地文件时，所有资源请求都会被内核判定为跨域请求，因此带 type="module" 属性的 script 标签会被直接拦截，不会执行。

方案1：调整QWebEngine安全配置（适合本地调试、内部使用场景） #

直接修改QWebEngine的启动参数和运行配置，放开本地文件的跨域限制即可，修改后的完整代码如下：

import sys
import os
from PyQt5.QtCore import *
from PyQt5.QtWidgets import *
from PyQt5.QtWebEngineWidgets import *

class MainWindow(QMainWindow):
    def __init__(self):
        super(MainWindow, self).__init__()
        self.browser = QWebEngineView()
        # 开启本地资源访问相关权限
        settings = self.browser.page().settings()
        settings.setAttribute(QWebEngineSettings.JavascriptEnabled, True)
        settings.setAttribute(QWebEngineSettings.LocalContentCanAccessRemoteUrls, True)
        settings.setAttribute(QWebEngineSettings.LocalContentCanAccessFileUrls, True)
        
        config_name = 'data_files/init.html'
        if getattr(sys, 'frozen', False):
            application_path = os.path.dirname(sys.executable)
        elif __file__:
            application_path = os.path.dirname(__file__)
        config_path = os.path.join(application_path, config_name)
        self.browser.load(QUrl().fromLocalFile(config_path))
        self.setCentralWidget(self.browser)
        self.showMaximized()

if __name__ == '__main__':
    # 添加启动参数放开安全限制
    args = ["--disable-web-security", "--allow-file-access-from-files"]
    app = QApplication(args + sys.argv)
    QApplication.setApplicationName('v0.1')
    window = MainWindow()
    app.exec_()

配置完成后，带 type="module" 的script标签即可正常加载执行，直接引入ThreeJS的ES模块版本即可。

方案2：本地启动HTTP服务加载页面（推荐生产场景） #

如果不想降低浏览器安全配置，可以在应用内启动一个轻量的本地HTTP服务，将页面资源放在服务目录下，用http://127.0.0.1:自定义端口/init.html的形式加载页面，天然符合ES模块的CORS校验要求，不需要修改任何浏览器配置。
可以直接用Python内置的http.server模块快速实现本地服务，选择未被占用的端口即可。

• 引入ES模块时路径要补全后缀名，比如导入ThreeJS要写import * as THREE from './js/three.module.js'，不能省略.js后缀
• 如果使用相对路径导入其他模块，路径基准是当前HTML文件的路径，要保证路径正确

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