Angular + Cordova im virtuellen Verzeichnis

Question

Ich habe eine Angular-Anwendung für die Ausführung in einem virtuellen Verzeichnis eingerichtet. (https://{url}/{virtualDirectory})

Ich versuche, diese App in eine Cordova-App einzubinden, die auf eine URL als Inhaltsquelle verweist. (<content src="https://{url}/{virtualDirectory}"/>)

In meiner index.html-Datei habe ich cordova.js 脚本。 (<script src="cordova.js"></script>)

hinzugefügt

Mein Problem scheint zu sein, dass Angular Router im Weg ist. Beim Debuggen der Anwendung wird der folgende Konsolenfehler angezeigt:

caught 语法错误：意外的标记“<”（位于 cordova.js:1:1）

Wenn ich mir den Quellcode anschaue, sehe ich, dass die 404-Seite der Angular-Anwendung gerendert wird, sodass das Angular-Routing versucht, diesen Pfad zu verarbeiten.

Wenn wir in einer Docker-Konfiguration erstellen und bereitstellen, richten wir baseHref ein, weil wir virtuelle Ordner verwenden müssen:

ng 构建 --base-href /{virtualDirectory}/ --configuration=$environment --output-path=dist

wird auf der tatsächlichen Webseite als <base href="/{virtualDirectory}/"> gerendert.

Ich habe versucht, dieses Problem zu googeln und konnte keine Vorschläge zur Behebung des Problems finden (oder zumindest keine, die funktionierten). Kann mir jemand in die richtige Richtung weisen? TIA.

Answer 1

我在 Apache 服务器上的虚拟目录上发布时也遇到了这个问题。我遵循的内容如下：

1. 确保您的物理路径文件夹和虚拟目录文件夹应该相同。喜欢：

• 物理路径：D:\some-path\project-name\audience
• 虚拟路径：https://your-web-name/audience/d63b643da9b9cfc65e7d304b0aa33c98

2. 运行此命令 ng build --base-href ./ --deploy-url ./ （注意：只有正确遵循第 1 点，此命令才有效）