next.js - Nextjs 将/pages/api 更改为/pages/myApi?

标签 next.js

Next 有一个内置的 API 路由
https://nextjs.org/docs/api-routes/introduction

它使用/pages/ api

是否可以从/ 更改默认路径? api /* 到其他类似/ myApi /*?

我正在考虑将它添加到 exportPathMap
https://nextjs.org/docs/api-reference/next.config.js/exportPathMap

有什么建议?

最佳答案

我相信你改变不了/api路径,因为 Next.js 专门在该位置查找

// Regex for API routes
export const API_ROUTE = /^\/api(?:\/|$)/

如果您想制作/api目录与 /pages 中的任何其他目录一样工作您可以使用 rewrite选项。

next.config.js
module.exports = {
    rewrites: [
        { source: '/api/:path*', destination: '/another-directory/:path*' }
    ],
};

在这种情况下,请求 /api将提供 /another-directory 的内容.

但是,您可以为 API 路由编写自定义服务器。请注意,您可能需要禁用或覆盖默认文件系统路由。

推荐阅读:
  • API directory is hardcoded
  • Custom server in Next.js
  • Disable file-system routing
  • Custom Routes
  • 关于next.js - Nextjs 将/pages/api 更改为/pages/myApi?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60874250/

    相关文章:

    javascript - 在组件中生成随机值时的 Next.js/React 警告

    node.js - Next.js 使用 JWT 进行身份验证

    javascript - Next Js 服务端 Api 读写 JSON

    reactjs - 在 Next.js 应用程序中生成动态/robots.txt 文件

    reactjs - filterValue.toLowerCase不是shadecn DataTableFacetedFilter中的函数

    css - 在 Next.js 10 中打印样式表

    javascript - 在 React 中的 .map 迭代中的单个元素上使用 onMouseEnter

    javascript - 在 NextJS 中使用轻量级图表时出现 SyntaxError

    reactjs - 如何使用 react-google-recaptcha-v3 验证 token 并获得分数?

    redis - 在 getServerSideProps 中使用 redis 会导致错误 net.isIP is not a function