シングルページアプリにボルトcmsを使用

ヘッドレスCMSとしてボルトを使いたい。私の計画は、vue.jsに基づいてテンプレートを作成し、bolt plugin jsonAPIを使用してコンテンツをロードすることです。しかし、私はテーマと設定の設定に苦しんでいます。 CMS内のすべてのルーティングを無効にし、cssファイルとjsファイルを含む静的なHTMLのみを返したいとします。シングルページアプリにボルトcmsを使用

出典

2017-11-11 linuxrocks

：

使用異なるドメイン

yourdomain.comであなたのVUEのSPAアプリを入れて、にRESTAPIプロバイダとして、あなたのボルトを置きますsubdomain.yourdomain.com。それはサブドメインであるため、CORSTの問題に直面することはありません。また、共通のチュートリアルのボルトcmsの設定方法とvuejs SPAの構築方法に従うこともできます。

ボルトCMSテンプレートの使用vuejs SPAは

あなたはWebPACKのを使用してvuejs SPAを開発したと、あなたがボルトテンプレートの場所として設定資産パブリックパスに持って、コンフィギュレーション・ファイルはyour-vue-directory/config/index.js

module.exports = { 
    build: { 
    assetsPublicPath: '/theme/your-theme/', 
    ...... 
    }, 
}

であります

アプリを完成したら、your-vue-directory/distからyour-bolt-directory/public/theme/your-theme

012にあなたのビルドファイルをコピーすることができます

しかし、このソリューションを使うと、vue-routerを使用している場合は、すべてのルーティングがボルトcmsによって処理されるため、 'history'モードを使用できないと思います。可能なルータモードは「ハッシュ」だけです。

出典

2017-11-13 06:44:56

この素晴らしいアイデアをありがとう。私はすでにhttps://github.com/dustinjackson/html-webpack-inline-source-pluginを利用してindex.htmlにcssとjsインラインを追加することでそれを "解決"しましたしかし、私は別のドメインアイデアが好きでしたおそらくそれに変更されます。 – linuxrocks

最も簡単なのは、それらのテンプレートがすべて同じテンプレートを使用し、テンプレートが<html></html>となっていることです。

私はあなたの問題は、次の代替ソリューションによって解決することができると思い

出典

2017-11-12 17:48:16 Bopp

シングルページアプリにボルトcmsを使用

答えて

関連する問題