做的一个每天热点应用无法被 google seo 收录,现在学习使用 next.js 重新实现一下,
export async function getServerSideProps(context) { ... const respOnse= await axios.get(url, {...}) const data = await response.data; console.log("data:", data); ... }
用 axios 获取数据的时候,一直返回空,curl 命令是正常的, 折腾两天了
吐槽一下: 好难
![]() | 1 Rrrrrr 2023-12-10 14:42:49 +08:00 不调试一下? |
![]() | 4 kangjm 2023-12-10 14:50:59 +08:00 直接在客户端 fetch 试一下,不用 getServerSideProps 呢 |
5 NessajCN 2023-12-10 14:53:12 +08:00 你在 getServerSideProps 里 return 的 props 在页面控件用上了吗? 譬如你在 getServerSideProps() 里 return {props: {opt: 1} } 那你的 export default function Page(props) 里要调用 props.opt 才需要这个 ssr |
![]() | 6 codehz 2023-12-10 14:57:45 +08:00 |
7 JounQin 2023-12-10 15:04:09 +08:00 via iPhone 没必要用 SSR ,徒增烦恼 |
12 xxj2220 2023-12-10 15:16:48 +08:00 你去抄一份配置,比你从头学要快 |
13 wateryessence 2023-12-10 15:56:52 +08:00 直接看 https://nextjs.org/learn/dashboard-app ,学 app router |
![]() | 14 timnottom 2023-12-10 16:23:21 +08:00 最近我找到一个方法,结合 golang 的 gin 中间件,把 react 生成静态文件嵌入到二进制中,这样根据 path ,可以对一些页面生成一些标签: 参考: https://alipanx.com |
![]() | 15 pengtdyd 2023-12-10 16:24:55 +08:00 服务端渲染,这不是很好理解嘛。 |
![]() | 17 estk 2023-12-10 17:31:42 +08:00 via iPhone ![]() 一股脑 use client ts 一股脑 any 就对了 |
19 xiamuguizhi 2023-12-11 08:49:06 +08:00 gtp 复制粘贴搞定。 |
20 VitaminC1989 2023-12-11 09:15:28 +08:00 我学 next.js 首先是在 udemy 上买了一个热门的课程 链接是这个 https://www.udemy.com/share/104coM3@J0EfCu9v9ufYSLldG4bmshMZ7WuQi0w6EZxWXBXqjQPqs7GQv5TwVKXJFUt1ZEegHw==/ 但是因为全英文的 学习速度有点被语言拖慢了 后面 next.js 出了 14 文档更新 新增了 13 楼老哥 wateryessence 提到的 Learn Next https://nextjs.org/learn/dashboard-app 课程 就转到这里先快速学习了 next.js 的基本用法 入个门先 |
21 SayoKurisu 2023-12-11 16:11:35 +08:00 之前做一个小东西,app router 给我看蒙了 |
![]() | 22 scalaer OP @SayoKurisu 所以难用应该是共识哈 |
24 JounQin 2023-12-15 08:38:39 +08:00 via iPhone |