使用螺栓cms單頁應用

我想使用螺栓作爲無頭cms。我的計劃是基於vue.js創建一個模板，並使用螺栓插件jsonAPI加載內容。但我很苦惱的主題和配置設置。我想禁用CMS中的所有路由，並只返回一個帶CSS和js文件的靜態html。使用螺栓cms單頁應用

2017-11-11 linuxrocks

我覺得你的問題可以通過下面的替代解決方案來解決：

使用不同的域

把你的VUE SPA應用在yourdomain.com並把你栓作爲RESTAPI提供商subdomain.yourdomain.com。由於它是一個子域名，因此您不會遇到任何CORST問題，您可以按照常見教程如何設置螺栓cms以及如何構建vuejs SPA。

使用vuejs螺栓CMS模板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

但是使用這個解決方案，如果你使用的是vue-router，我認爲你不能使用'history'mode，因爲所有的路由都將由bolt cms來處理。唯一可能的路由器模式是'散列'。

2017-11-13 06:44:56

謝謝你這個好主意。我已經「解決」它通過添加css和js內聯到index.html利用https://github.com/dustinjackson/html-webpack-inline-source-plugin 但我確實喜歡不同的域名的想法，並會可能會改變這一點。 – linuxrocks

最簡單的辦法是讓他們都使用相同的模板，並使該模板說<html></html>，你就完成了。

2017-11-12 17:48:16 Bopp

回答