【问题标题】:How to add a Vuetify only on the admin page ('admin/***')?如何仅在管理页面('admin/***')上添加 Vuetify?
【发布时间】:2021-10-23 04:29:48
【问题描述】:

现在这个库是全局连接的

我尝试将其添加到管理布局中,但此方法无效。

我可以只在那些以“/admin”开头的页面上添加它吗?

【问题讨论】:

  • 嘿,不要只在 SO 上发布代码图像。

标签: vue.js nuxt.js


【解决方案1】:

module 将在全球范围内可用,buildModule 将在构建时编译并在全球范围内可用。

你可能需要几件事情才能让它发挥作用:

  • 使用像import Vuetify from ...这样的旧语法
  • 仅将其添加到 layouts/admin.vue 文件中
  • 在那里也添加相关的 CSS 样式(不确定 CSS 是否可以在那里摇树)

同时,由于您确实计划将管理仪表板与主应用程序分开,我认为最好的办法是直接拆分应用程序,并可能通过 API 调用或无头 CMS 进行管理。但到目前为止,我不确定这里有一个简单的解决方案。

【讨论】:

  • 我不想分开它,因为如果用户被授权,那么页面将具有用于编辑内容的交互式按钮。如果用户没有登录,那么他应该会看到一个常规页面。谢谢!
  • 通常,CSS 不是那么容易按需延迟加载。另外,如果最终用户有权限,您基本上是在寻找加载它? IMO,您应该以管理仪表板将未经授权的重定向到其他地方或将 Vuetify 用于整个应用程序的方式设计您的应用程序。同时,您可能应该成功延迟加载与 Vuetify 相关的 JS(我认为)。 @ЕвгенийШевцов 您不想在此处拆分管理路径的用例是什么?通常未经授权的用户是否经常需要admin 路径?如果没有,你可能一开始不应该把它弄得太复杂。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2020-10-28
  • 2013-01-19
  • 2013-03-08
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多