NextJS- API实用程序文件夹结构

问题描述 投票:0回答:1
如果我想使用我需要在多个API文件中包含的实用程序函数或全局常数变量,那么将其存储在哪里?并使用相对路径导入它们?

是一个下一个JS项目的示例,不仅是您的基本API路由教程可以从文件夹结构中学习?
  1. 您可以在项目文件夹根部的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
Llets说您想从
api next.js
1个回答
26
投票

导入dbconnect.js

relative Import:

import dbConnect from '../../utils/dbConnect';

  • 滥用导入:

import dbConnect from 'src/utils/dbConnect';

    这里是一个可能对您有帮助的示例项目的链接:
  • https://github.com/vercel/next.js/tree/canary/canary/canary/examples/with-mongodb-mongoose

如果您有兴趣使用“绝对导入”,则可以检查此文档链接:

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

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.