Javascript 使用Nuxt生成的自定义404页仅在开发模式下工作
我在Javascript 使用Nuxt生成的自定义404页仅在开发模式下工作,javascript,webpack,nuxt.js,Javascript,Webpack,Nuxt.js,我在layouts文件夹中有一个错误.vue页面 当我在开发模式下通过localhost访问站点时,如果我到达一个名称错误的页面,404页面会显示出来,但当我在生产中时,我看不到该页面。相反,会出现另一个页面: 代码如下: <template> <v-app> <v-container> <v-layout row wrap align-center justify-center fill-height>
layouts
文件夹中有一个错误.vue
页面
当我在开发模式下通过localhost访问站点时,如果我到达一个名称错误的页面,404页面会显示出来,但当我在生产中时,我看不到该页面。相反,会出现另一个页面:
代码如下:
<template>
<v-app>
<v-container>
<v-layout row wrap align-center justify-center fill-height>
<v-flex xs12 sm12 md6>
<v-img
:src="require('@/assets/images/404.svg')"
width="90%"
></v-img>
</v-flex>
<v-flex xs12 sm12 md6 class="mb-5">
<h1 class="display-4 light-grey font-weight-medium text-xs-center text-sm-center text-md-left mb-3">Oops!</h1>
<h1 class="display-3 light-grey font-weight-medium text-xs-center text-sm-center text-md-left">The page you are looking for is not found.</h1>
</v-flex>
</v-layout>
</v-container>
</v-app>
</template>
<script>
export default {
props: ['error'],
data() {
return {
}
}
}
</script>
<style scoped>
.light-grey{
color: #4f4f4f;
}
</style>
哎呀!
找不到您要查找的页面。
导出默认值{
道具:['error'],
数据(){
返回{
}
}
}
.浅灰色{
颜色:#4F4F;
}
Nuxt版本:2.8.1
此后
我遗漏了什么吗?您正在使用nuxt生成模式吗?在这种情况下,如果找不到请求的页面,您忘记设置静态服务器(看起来像ISS?)来提供200.html回退文件
如果您使用的是nuxt通用模式,则您的代理服务器已调整为拦截错误并显示自己的页面,而不是nuxt错误页面。谢谢您的回答。我缺少
numxt.config上的generate:{fallback:'404.html'},
/generate:{fallback:true},
。它确实会在我的dist
文件夹中生成404.html
页面,但不是我创建的页面。