让Nuxt根据路线提供两个主题

时间:2019-11-02 03:20:51

标签: vue.js themes nuxt.js

我的SPA nuxt应用程序具有一个公共前端和一个私有后端,它们都使用两个单独的主题。每个都有自己的布局文件,并且在每个布局内,主题.css文件都链接在布局头中。

示例

export default {
head () {
return {
  link: [
    { rel: 'stylesheet', href: 'https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css' }
  ],
  script: [
      { "src": "https://code.jquery.com/jquery-3.3.1.slim.min.js" },
      { "src": "https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" },
      { "src": "https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" }
  ],
  bodyAttrs: {
  }
}

...这只是一个例子,后端CSS使用位于静态文件夹中的本地文件

那么我可以让它们以某种方式加载浏览器缓存吗,或者内联是否可以在nuxt配置中使用此(https://nuxtjs.org/api/configuration-css/)内联方法,以便不同的路由获得不同的.css文件?

0 个答案:

没有答案