快盘下载:好资源、好软件、快快下载吧!

快盘排行|快盘最新

当前位置:首页软件教程电脑软件教程 → NextJS 读取静态文件数据

NextJS 读取静态文件数据

时间:2022-12-02 15:13:07人气:作者:快盘下载我要评论

参考代码

示例数据

在 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

网友评论

快盘下载暂未开通留言功能。

关于我们| 广告联络| 联系我们| 网站帮助| 免责声明| 软件发布

Copyright 2019-2029 【快快下载吧】 版权所有 快快下载吧 | 豫ICP备10006759号公安备案:41010502004165

声明: 快快下载吧上的所有软件和资料来源于互联网,仅供学习和研究使用,请测试后自行销毁,如有侵犯你版权的,请来信指出,本站将立即改正。