Qt QWebEngineView 不允许加载本地资源

Question

编辑：这不是重复的。链接的问题处理 CORS 安全问题，浏览器不允许您从不同来源加载脚本。我的问题与基本资源加载方案有关（file:/// vs qrc:/）。

我正在尝试使用 file:/// 方案在 QWebEngineView 中加载本地 html 文档。 html 文件还引用了存储在本地的 jquery 库。加载页面的代码如下：

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);

    MainWindow w;

    // center window on desktop
    w.setGeometry(QStyle::alignedRect(
                      Qt::LeftToRight,
                      Qt::AlignCenter,
                      w.size(),
                      a.desktop()->availableGeometry()
                      ));

    // Add WebEngineView
    QWebEngineView* view = new QWebEngineView;
    QWebEngineSettings* settings = view->settings();
    settings->setAttribute(QWebEngineSettings::LocalContentCanAccessFileUrls, true);
    settings->setAttribute(QWebEngineSettings::LocalContentCanAccessRemoteUrls,true);

    view->setUrl(QUrl(QStringLiteral("file:///app/ui/main.html")));

    // Make it the one and only widget
    w.setCentralWidget(view);

    w.show();

    return a.exec();
}

接下来是简约 html 文档：

<html>
<head>
<script src="libs/jquery-3.2.1.min.js"/>
</head>
<body>
<h2>Hello World</h2>
<script>
$(function() {
  alert('loaded');
});
</script>
</body>
</html>

文档加载正常，但 JavaScript 失败并出现以下错误：

js: Not allowed to load local resource

我怎样才能强制 QWebEngineView 加载并执行脚本？

编辑：我按照@eyllanesc 的建议进行，并将我的所有文件添加为 qrc 资源。这现在工作得很好。

这是更新后的源代码（注意 C++ 和 HTML 代码中对 qrc 资源的引用）：

#include "mainwindow.h"
#include <QApplication>
#include <QWebEngineView>
#include <QStyle>
#include <QDesktopWidget>
#include <QWebEngineSettings>

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);

    MainWindow w;

    // center window on desktop
    w.setGeometry(QStyle::alignedRect(
                      Qt::LeftToRight,
                      Qt::AlignCenter,
                      w.size(),
                      a.desktop()->availableGeometry()
                      ));

    // Add WebEngineView
    QWebEngineView* view = new QWebEngineView;
    QWebEngineSettings* settings = view->settings();

    //settings->setAttribute(QWebEngineSettings::LocalContentCanAccessFileUrls, true);
    //settings->setAttribute(QWebEngineSettings::LocalContentCanAccessRemoteUrls,true);

    view->setUrl(QUrl("qrc:/ui/main.html"));

    // Make it the one and only widget
    w.setCentralWidget(view);

    w.show();

    return a.exec();
}

对应的html文件：

<html>
<head>
  <script src="qrc:/ui/libs/jquery-3.2.1.min.js"></script>
</head>
<body>
<h2>Hello World</h2>
<script>
$(function() {
    alert( "Document ready!" );
});
</script>
</body>
</html>

Answer 1

如果我们放置相对路径，这些将始终是相对于可执行文件的路由，因此有必要确保该路由存在。

我不认识一个简单的 .js 似乎很奇怪，因为很多我都没有问题地使用过，但我把静态（html、js、css 等）放在资源中.qrc 因为这将是可执行文件的一部分，因此它的路由永远不会改变。

Answer 2

如果需要加载本地资源，那么只需要将--disable-web-security参数传递给QApplication即可，例如：

char ARG_DISABLE_WEB_SECURITY[] = "--disable-web-security";
int newArgc = argc+1+1;
char** newArgv = new char*[newArgc];
for(int i=0; i<argc; i++) {
    newArgv[i] = argv[i];
}
newArgv[argc] = ARG_DISABLE_WEB_SECURITY;
newArgv[argc+1] = nullptr;

QApplication myApplication(newArgc, newArgv);

Qt QWebEngineView 不允许加载本地资源

Qt QWebEngineView not allowed to load local resource

c++

qt

qt5

qwebview

qwebengineview