Ich möchte Schraube als kopflose cms verwenden. Mein Plan ist es, eine Vorlage basierend auf vue.js zu erstellen und den Inhalt mit dem bolt-Plugin jsonAPI zu laden. Aber ich habe Probleme mit den Design- und Konfigurationseinstellungen. Ich möchte alle Routing im CMS deaktivieren und nur einen statischen HTML-Code mit CSS- und JS-Dateien zurückgeben.mit Schraube cms für einzelne Seite App
Ich denke, Ihr Problem durch die folgende alternative Lösung gelöst werden könnte:
Verwenden Sie unterschiedliche Domain
Setzen Sie Ihre vue SPA App in yourdomain.com und als RESTAPI Anbieter setzen Sie Ihre Schraube in subdomain.yourdomain.com. Da es sich um eine Subdomain handelt, gibt es kein CORST-Problem, und Sie können einer gemeinsamen Anleitung folgen, wie Sie bolt cms einrichten und vuejs SPA erstellen.
Verwendung SPA in Bolzen cms Vorlage vuejs
Angenommen, Sie vuejs SPA mit webpack entwickeln, den Sie einrichten Asset öffentlichen Weg als Bolzen Vorlage Lage haben, ist die Konfigurationsdatei in your-vue-directory/config/index.js
module.exports = {
build: {
assetsPublicPath: '/theme/your-theme/',
......
},
}
Dann nach dem Fertigstellen der App können Sie Ihre Build-Dateien von your-vue-directory/dist in your-bolt-directory/public/theme/your-theme
Aber mit dieser Lösung, wenn Sie Vue-Router verwenden, denke ich, dass Sie nicht 'History'-Modus verwenden können, da das gesamte Routing von Bolt CMS gehandhabt wird. Der einzig mögliche Router-Modus ist 'Hash'.
Am einfachsten wäre es, sie alle mit der gleichen Vorlage zu verwenden, und diese Vorlage sagen <html></html>, und Sie sind fertig.
Vielen Dank für diese großartige Idee. Ich bereits "gelöst" es durch Hinzufügen der CSS und JS Inline in die index.html Verwendung von https://github.com/dustinjackson/html-webpack-inline-source-plugin Aber ich mochte die andere Domain-Idee und wird wahrscheinlich dazu wechseln. – linuxrocks