我所工作的一些网站/应用程序有两种模式。一个是开发模式,另一个是生产模式,即实时版本。
使用Next.js,我发现这很容易做到,通过检查process.env.NODE_ENV 的值,当用npm run dev 运行时,它被设置为'development' 。
所以我可能有一个不应该公开的API路由,在它的顶部,我添加了
if (process.env.NODE_ENV != 'development') return null
所以它在生产中不工作。
这同样适用于一个页面组件,如果在生产中访问,它将呈现一个空白页面。
我使用同样的技术,只在开发模式下向组件添加JSX。
{
process.env.NODE_ENV == 'development' && <div>hi</div>
}