【Next】静态资源导入和 404 捕获

静态资源导入

写在 public 直接使用 / 进行访问即可。写在 assets 使用路径导入即可（只能使用 ~ ）。

字体样式同理，在全局 page.tsx 引入，其余导入同 iconfont 的使用。

确保静态文件中没有与pages/,下的文件重名，否则导致错误。

404

Next 内部提供了 404 错误捕获。当页面组件抛出 not found 404 错误时，也就是未找到 url 对应的页面路由组件，Next 会自动渲染 /app/not-found.tsx 组件。

如果只是在某个页面中发生了 notFound() 函数的调用（Next的内置函数），则会优先在该页面文件夹下寻找 not-found.js ，没有的话才回去全局里面找。

当然一级路由内部存在 […slug] 等动态路径参数的路由，会优先在动态路径参数对应的页面进行渲染，而不是抛出 404 错误，也就不会被 not-found.tsx 捕获。