对单页应用程序使用螺栓 cms答案

【问题标题】：using bolt cms for single page app对单页应用程序使用螺栓 cms
【发布时间】：2017-11-11 16:50:29
【问题描述】：

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

【问题讨论】：

【解决方案1】：

我认为您的问题可以通过以下替代解决方案来解决：

使用不同的域

将您的 vue SPA 应用程序放入 yourdomain.com 并将您的螺栓作为 RESTAPI 提供程序放入 subdomain.yourdomain.com。由于它是一个子域，您不会遇到任何 CORST 问题，您可以按照常见教程如何设置 Bolt cms 以及如何构建 vuejs SPA。

在bolt cms模板中使用vuejs SPA

假设你使用webpack开发vuejs SPA，你必须设置资产公共路径为bolt模板位置，配置文件在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，我认为您不能使用“历史”模式，因为所有路由都将由 Bolt cms 处理。唯一可能的路由器模式是“哈希”。

【讨论】：

感谢您提出这个好主意。我已经通过使用 github.com/dustinjackson/html-webpack-inline-source-plugin 将 css 和 js 内联添加到 index.html 中来“解决”它，但我确实喜欢不同的域想法，并且可能会改变它。

【解决方案2】：

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

【讨论】：