使用螺栓cms单页应用

问题描述：

我想使用螺栓作为无头cms。我的计划是基于vue.js创建一个模板，并使用螺栓插件jsonAPI加载内容。但我很苦恼的主题和配置设置。我想禁用CMS中的所有路由，并只返回一个带CSS和js文件的静态html。使用螺栓cms单页应用

答

我觉得你的问题可以通过下面的替代解决方案来解决：

使用不同的域

把你的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来处理。唯一可能的路由器模式是'散列'。

谢谢你这个好主意。我已经“解决”它通过添加css和js内联到index.html利用https://github.com/dustinjackson/html-webpack-inline-source-plugin 但我确实喜欢不同的域名的想法，并会可能会改变这一点。 – linuxrocks

答

最简单的办法是让他们都使用相同的模板，并使该模板说<html></html>，你就完成了。