下一个JS-API实用工具文件夹结构

下一个JS-API实用工具文件夹结构,api,next.js,Api,Next.js,我正在使用Next JS和api路由来创建我的api。如果有人能回答,我有两个问题 如果我想使用需要包含在多个api文件中的实用函数或全局常量变量,存储它们的最佳位置是哪里?并使用相对路径导入它们 有没有一个下一个JS项目的例子,它不仅仅是您的基本api路由教程,可以从中学习文件夹结构 您可以将util函数保存在项目文件夹根目录下的utils文件夹中 |-root |-components |-Navbar.js |-Footer.js |-styles |-

我正在使用Next JS和api路由来创建我的api。如果有人能回答,我有两个问题

  • 如果我想使用需要包含在多个api文件中的实用函数或全局常量变量,存储它们的最佳位置是哪里?并使用相对路径导入它们

  • 有没有一个下一个JS项目的例子,它不仅仅是您的基本api路由教程,可以从中学习文件夹结构


  • 您可以将util函数保存在项目文件夹根目录下的utils文件夹中

    |-root
      |-components
        |-Navbar.js
        |-Footer.js
      |-styles
        |-global.css 
        |-navbar.module.css   
        |-footer.module.css        
      |-pages
        |-api
          |-users.js
        |-index.js
      |-utils
        |- dbConnect.js
    
    假设您想从
    pages/api/user.js

    • 相对进口:
    从“../../utils/dbConnect”导入数据库连接

    • 绝对进口:
    从'src/utils/dbConnect'导入数据库连接

    以下是一个指向示例项目的链接,可以帮助您:

    如果您对使用绝对导入感兴趣,可以查看此文档链接: