如何在Nuxt中加载静态HTML页面(避免Nuxt请求)

时间:2019-05-23 13:22:51

标签: nuxt static-html

我有一个拥有unsupported page的nuxt网站。我注意到当我只想显示一个没有外部请求的静态页面时,Nuxt正在加载它的文件,因为它是一个简单的页面,没有理由加载所有这些文件。

问题是:访问Nuxt特定路由时,例如/unsupported,我如何提供静态HTML文件。

现在我正在为页面提供空白版式:

<template>
  <div class="unsupported">
    <div class="container">
      <i class="unsupported-icon fa fa-frown-o" />

      <h1>Seu navegador não é suportado</h1>
      <h2>Para usar o Cinemax, nós recomendamos que use a versão mais recente do <a href="#">Firefox</a>, <a href="#">Chrome</a> ou <a href="#">Safari</a></h2>
    </div>
  </div>
</template>

<script>
export default {
  layout: 'empty'
}
</script>

<style lang="scss">
.unsupported {
  display        : flex;
  flex-direction : column;
  justify-content: center;
  align-items    : center;

  &-icon {
    font-size: 4rem;
  }
}
</style>

但是我需要它只是一个普通的HTML页面。

1 个答案:

答案 0 :(得分:0)

对不起,我没有特别注意文档部分中的内容,即如果您要提供静态文件,只需将其放入/static项目文件夹中即可。 就我而言,/static/unsupported.html然后像这样http://localhost:8000/unsupported.html

进行访问