NextJS 读取静态文件数据

原创

轻量级云原生架构实验室

发布于 2022-12-02 10:40:49

1.4K0

发布于 2022-12-02 10:40:49

文章被收录于专栏：轻量级微服务

参考代码

示例数据

在 NextJS 项目下添加文件 ./data/user.json，示例内容如下

{
  "name": "Anoyi🐬"
}

示例读取文件数据

添加页面 ./pages/user.tsx，示例内容如下

import { readFileSync } from 'fs'
import path from "path"

const Page = ({user}) => {
  return (
    <div>
      {user.name}
    </div>
  )
}

export async function getStaticProps() {

  const user = readFileSync(path.join(process.cwd(), 'data', `user.json`), 'utf-8')

  return {
    props: {
      user: JSON.parse(user),
    },
  }

}

export default Page

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

json