OctoberCMS (Laravel) + Vue.js + Tailwind CSS 最佳设置

Posted

技术标签:

【中文标题】OctoberCMS (Laravel) + Vue.js + Tailwind CSS 最佳设置【英文标题】:OctoberCMS (Laravel) + Vue.js + Tailwind CSS Best Setup 【发布时间】:2020-07-27 00:44:18 【问题描述】:

我是 OctoberCMS 的新手。网上教程很少。请问我可以使用什么最好的设置,或者我可以使用这个网络技术堆栈的可能设置是什么?

我们有一个项目,要求我们需要使用 octobercms,所以我们必须使用这个 octobercms。


可能的设置:

    微服务设置? OctoberCMS 和 Vue.js 的两个单独文件夹。通信将是 API 请求调用。

然后对于生产的部署部分,我们将使用 Vue.js 文件夹中的 dist 文件夹。我不是 100% 确定,但我认为这将是我最初的想法,这将是可能的。

我可以就我将使用什么项目设置请求任何建议或说明。谢谢你。

【问题讨论】:

【参考方案1】:

虽然完全有可能在十月提供 API 的情况下拥有两个单独的 Web 属性,但您也可以只在十月 CMS 主题本身中使用 Vue。有关这样做的更多信息,请参阅https://github.com/scottbedard/vuetober。

如果您的项目更像是传统的 CMS 需求,那么我建议您至少尝试 Vuetober 方法。如果它要复杂得多,并且主要利用 10 月份来实现其强大的后端功能,那么仅 API 的方法也可以正常工作。

您想要运行 vuetober 的主要原因是您是否要使用 10 月提供的 AJAX 框架。即使 10 月作为无头 CMS 仅提供 API 运行,您仍然可以在技术上使用它,但 CORS 和其他一些您必须设置以确保其正常工作的东西变得更加复杂。

【讨论】:

以上是关于OctoberCMS (Laravel) + Vue.js + Tailwind CSS 最佳设置的主要内容,如果未能解决你的问题,请参考以下文章

OctoberCMS (Laravel) 字段选择语句

我应该如何为需要引用数据透视表的表配置 Laravel / OctoberCMS 模型?

如何在octobercms中创建中间件

在 OctoberCMS 插件中使用 Omnipay

如何制作功能性 octobercms FlatUI 主题

OCTOBERCMS 形式和模型