虛擬目錄中的 Angular + Cordova

Question

我有一個 Angular 應用程式設定為在虛擬目錄中運行。 (https://{url}/{virtualDirectory})

我正在嘗試將此應用程式包裝在 Cordova 應用程式中，該應用程式將指向 URL 作為內容來源。 (<content src="https://{url}/{virtualDirectory}"/>)

在我的index.html 檔案中，我新增了 cordova.js 腳本。 (<script src="cordova.js"></script>)

我的問題似乎是 Angular Router 妨礙了。當我調試應用程式時，我看到以下控制台錯誤：

caught 語法錯誤：意外的標記「<」（位於 cordova.js:1:1）

#當我查看原始程式碼時，我看到 Angular 應用程式的 404 頁面已呈現，因此 Angular 路由正在嘗試處理此路徑。

當我們在 Docker 配置中建置和部署時，我們正在設定 baseHref，因為我們必須使用虛擬資料夾：

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

#在實際網頁中呈現為 <base href="/{virtualDirectory}/"> 。

我嘗試用谷歌搜尋這個問題，並找到了有關如何解決此問題的任何建議（或至少沒有一個有效）。有人可以幫我指出正確的方向嗎？ 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 點，此指令才有效）