定制化

替换 script 中的全局变量

<script>
window.__NUXT__= {
  layout:"default",
  data:[{}],
  fetch:[],
  error:null,
  serverRendered:true,
  routePath:"\u002F",
  config:{},
  logs:[]
};
</script>

自定义 __NUXT__变量标识在 nuxt.config.json做如下配置

module.exports = {
  ...
  globals: {
    context: '__DESIGN_SSR__'
  },
  ...
}

替换 html 中的 nuxt 标识

...
<div id="__nuxt">
  ...
</div>

自定义 __nuxt标识可在 nuxt.config.json做如下配置

module.exports = {
  ...
  globals: {
    id: '__Design_CTR__'
  },
  ...
}

替换资源路径中的 _nuxt 标识

...
<script src="/_nuxt/vendors.app.js" defer></script>
...

自定义资源的 path 标识可在 nuxt.config.json做如下配置

module.exports = {
  ...
  build: {
    publicPath: '/static/',
  }
  ...
}

替换 nuxt-link 上class中的 nuxt 标识

<a href="/" class="nuxt-link-active" data-v-1a9bb128>

自定义class中的 nuxt 标识可在 nuxt.config.json做如下配置

module.exports = {
  ...
  router: {
    linkExactActiveClass: 'design-exact-active-link',
    linkActiveClass: 'design-active-link',
    linkPrefetchedClass: 'design-link-prefetched',
  },
  ...
}

其他

其余的标识替换可参考 https://nuxtjs.org/api/configuration-global-name (opens new window)