关于thinkjsV3自定义404页面的解决方案

前言

thinkjs的报错界面一直对生产环境很不友好，然而官网上只有2.0和2.2版本的解决方案，后来研究think-trace模块，摸索出了3.0版本的解决办法跟大家分享。

首先修改middleware.js文件

修改src\common\config\middleware.js文件中的内容：
找到handle: 'trace’区域，替换为如下内容：

{
        handle: 'trace',
        enable: !think.isCli,
        options: {
            debug: isDev,
            templates: {
                400: path.join(think.ROOT_PATH, 'view/common/error_400.html'),
                403: path.join(think.ROOT_PATH, 'view/common/error_403.html'),
                404: path.join(think.ROOT_PATH, 'view/common/error_404.html'),
                500: path.join(think.ROOT_PATH, 'view/common/error_500.html'),
                503: path.join(think.ROOT_PATH, 'view/common/error_503.html'),
            }
        }
    },

接着创建404等状态码文件

在目录view\common下创建error_404.html文件并修改内容。

最后重启服务即可

将thinkjs项目重启服务，执行pm2 restart pm2.json或者node development.js。

最终效果图