nuxt3设置404页面

1.在你的page目录下新建一个[...slug].vue的文件，文件内容为自定为自定义的404内容

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

<!--404页面--> <template>   <div class="error-page">      404   </div> </template>   <script setup lang="ts">   setResponseStatus(404) </script>   <style scoped lang="less">   </style>

　　

2. 部署：

如果你的ssr是关闭的，则不用管，如果是开启状态，需要在你的nginx进行配置一下

?

1 2 3 4 5 6 7 8 9 10 11 12 13

server {     listen  80;     index index.html;     root  /www/***/dist/;     # 主要是这行配置404页面     error_page 404  /404.html;      location / {          index index.html;               }             }