Next.js 刷新后获取 JS 资源时出现 404 错误

Question

我正在运行 Next.js 开发服务器。当我转到第 1 页，然后单击指向第 2 页的链接时，效果很好。 (为了澄清一下，我没有使用 Next 的 as 标签的 <Link> Prop ，只是使用常规的旧 href 。)
但是，如果我然后刷新页面 #2，页面本身会加载，所有图像也是如此……但是所有 Javascript 文件都以 404 失败:

http://localhost:3000/page2/_next/static/chunks/main.js?ts=1612664646023net::ERR_ABORTED 404 (Not Found) 2localhost/:196 GET

http://localhost:3000/page2/_next/static/development/_buildManifest.js?ts=1612664646023net::ERR_ABORTED 404 (Not Found) 2localhost/:1 GET

http://localhost:3000/page2/_next/static/chunks/webpack.js?ts=1612664646023net::ERR_ABORTED 404 (Not Found) 7localhost/:196 GET

http://localhost:3000/page2/_next/static/chunks/main.js?ts=1612664646023net::ERR_ABORTED 404 (Not Found)

有谁知道我能做些什么来解决这个问题？

Answer 1

遇到与继承代码类似的问题，搜索一百万次这是最好的结果。我对那里所有其他沮丧的开发人员的回答，请检查您的“链接”和“router.push()”，尤其是在您使用自定义路由器的情况下。 Link 和 router.push() 应该指向服务器 url。您可以传递 'as' 来屏蔽浏览器的 url。