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不允许加载本地资源

2 个答案: