© 2025 Rocky. All rights reserved.

|浙ICP备2025179428号-3|

魔法施展中...

技术文章

技术分享

Nextjs使用一瞥

2022-09-13
5 分钟
...

上个月偶尔听起有人说过nextjs不错,就小小地了解了一下。 在工作中一个小项目用了用,只用作前端,后端api还是java,感觉还可以,于是想从项目创意到完整的前后端都用nextjs来实现。 现在项目(unhtml.com)一共投入了有52个小时了,占用了不少下班后的时间,也小有感受,特地记录一下。

next.js 小坑记录

  • .env.local 在生产环境也会加载且生效了,所以不要把.env.local 提交到git。当然这纯属我个人问题,我啥都想放进.git来存档。
  • npm run build时,内存一度飙升了1.5G ,把vps整挂了。这和hexo之类的工具所需要的内存差距挺大的,如果线上编译,需要一个内存稍稍大点的主机。
  • setCookie时,set-cookie这个http header头,后面发送的会覆盖前面发送的,也就是仅仅最后一次生效。看了一下NextApiResponse.setHeader的声明,第二个参数是string||string[]。设置多个cookie时,应该用数组,且随时都要记得,只有最后一次调用会实际生效。
  • 有一个链接被链接到了/api/logout,然后。。。页面加载的时候总是会调用一个/_next/data/uYVCOfFIB7kbuJmy1YA4j/api/logout.json 结果又自动登出了。
  • post的数据较大时,请求直接挂起了,完全没有进入handler.看文档说这样设置可以:
export const  config  = {
	api:{
		bodyParser:{
			sizeLimit:"5000kb"
		}
	}
}

但是是完全没有用的,应该是bodyParser这一块有bug了,但是我还没有细看源代码。我只是简单地设置了bodyParser为false:

export const  config  = {
	api:{
		bodyParser:false
	}
}

并在api的handler中用Streamable 自己读取了request里的body。

💡 关于技术判断: 本文反映了我在真实系统中评估技术风险的思考方式。 我现在专注于为创始人和决策者提供独立的后端与架构风险评估服务。 如果您在重大技术决策前需要第三方意见,了解评估服务或联系咨询。

感谢阅读!如果您觉得这篇文章有帮助,欢迎分享给更多的朋友。

上一篇
职业发展

什么是最重要的人

个人特质上讲,最难得的是这种能把事儿做细,反复迭代,把事儿优化到极致的人。

下一篇
技术分享

从webpack迁移到vite

上周计划将一个旧项目从webpack迁移到vite,遇到了一点点问题,特地记录下解决方法。

📮 订阅更新
每周收到最新文章推送,不错过精彩内容

💡 我们尊重您的隐私,不会将邮箱用于其他用途

加载中...

猜你喜欢

产品思考

创新型工作与重复型工作

按工作是否是简单的重复,可以把职员分为重复型工作者和创新型工作者。

2021-02-22
技术分享

Tiktok 初探[2]

> 可以阅读前文[TikTok初探1](https://83d.me/2024/07/25/some-about-tiktok/) 。

2024-08-23
tiktok
职业发展

语雀对比tapd文档

之前为了为团队寻找一个知识库、或者说是文档工具,对比和总结了语雀和tapd,后来选购了语雀。这是当时的对比。

2022-06-18