Angulaire + Cordova dans le répertoire virtuel

Question

J'ai une application Angular configurée pour s'exécuter dans un répertoire virtuel. (https://{url}/{virtualDirectory})

J'essaie d'envelopper cette application dans une application Cordova qui pointera vers une URL comme source de contenu. (<content src="https://{url}/{virtualDirectory}"/>)

Dans mon fichier index.html j'ai ajouté cordova.js 脚本。 (<script src="cordova.js"></script>)

Mon problème semble être que le routeur angulaire gêne. Lorsque je débogue l'application, je vois l'erreur de console suivante :

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

Quand je regarde le code source, je vois que la page 404 de l'application Angular est rendue, donc le routage Angular essaie de gérer ce chemin.

Lorsque nous construisons et déployons dans une configuration Docker, nous configurons baseHref car nous devons utiliser des dossiers virtuels :

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

est rendu comme <base href="/{virtualDirectory}/"> dans la page Web réelle.

J'ai essayé de rechercher ce problème sur Google et je n'ai trouvé aucune suggestion sur la façon de résoudre ce problème (ou du moins aucune qui ait fonctionné). Quelqu'un peut-il m'aider à m'orienter dans la bonne direction ? TIA.

Answer 1

J'ai également rencontré ce problème lors de la publication sur un répertoire virtuel sur un serveur Apache. Voici ce que j'ai suivi :

1. Assurez-vous que votre dossier de chemin physique et votre dossier de répertoire virtuel doivent être identiques. Comme :

• Parcours physique :D:some-pathproject-nameaudience
• Chemin virtuel :https://your-web-name/audience/d63b643da9b9cfc65e7d304b0aa33c98

2. Exécutez cette commande ng build --base-href ./ --deploy-url ./ (Remarque : Cette commande ne fonctionnera que si le point 1 est suivi correctement)