是一个下一个JS项目的示例,不仅是您的基本API路由教程可以从文件夹结构中学习?
您可以在项目文件夹根部的utils文件夹上保存util函数。
|-root
|-components
|-Navbar.js
|-Footer.js
|-styles
|-global.css
|-navbar.module.css
|-footer.module.css
|-pages
|-api
|-users.js
|-index.js
|-utils
|- dbConnect.js
导入dbconnect.js
relative Import:import dbConnect from '../../utils/dbConnect';
import dbConnect from 'src/utils/dbConnect';
如果您有兴趣使用“绝对导入”,则可以检查此文档链接:
https://nextjs.org/docs/advanced-features/module-path-aliases
会议的文件夹结构 一个好的做法是在SRC目录内创建专用 /UTILS和 /常数文件夹(如果您不使用SRC,则直接在根中):
bash
/src
/utils # Utility functions
├── helpers.ts
├── db.ts
/constants # Global constants
├── config.ts
├── messages.ts
/pages
/api
├── example.ts