- 博客(6)
- 收藏
- 关注
RSS订阅原创 Nuxt中数据获取方式的简单对比介绍（$fetch/useAsyncData/useFetch）
一、在 Nuxt 中，是指客户端加载和执行已经在服务器端渲染好的 HTML 后，复用服务端请求的结果，，使得页面成为一个动态的、交互式的页面。简而言之，服务器渲染的静态内容会被客户端的 JavaScript 接管，变成能够响应用户交互的动态页面。
2025-12-03 15:38:52
278
原创 Next.js项目通过next.config.ts的rewrites选项正确配置api代理转发后，访问api显示404
问题原因：项目引入了next-intl国际化，根目录的middleware.ts国际化中间件原本的作用会去拦截路由添加/[locale]/语言路径，但除了路由也会拦截其他的资源与api，导致api在调用时也会收到中间件的影响。Next.js项目通过next.config.ts的rewrites选项正确配置api代理转发后，访问api显示404。解决方法：在middleware.ts中间件中的matcher配置项添加需要调用的api前缀，将其排除，避免拦截。代理配置正确，但访问api会404。
2025-11-06 11:25:57
151
原创 Next.js项目引入google字体后不生效，实际生效font-family为‘Poppins Fallback‘, ‘Poppins Fallback Fallback‘；
Next.js项目使用import { Poppins } from "next/font/google";引入google字体并正确配置生效后，通过开发者工具查看实际渲染dom中的font-family值为'Poppins Fallback', 'Poppins Fallback Fallback';解决办法：删除项目文件夹下的.next文件夹，重新启动后会重新创建，再次去elements查看font-family，发现值变为'Poppins', 'Poppins Fallback';
2025-11-06 11:15:34
187
原创 记录Uniapp和node实现微信小程序对接ChatGpt的流式输出的简单服务器端配置
调试一天，分块的数据总是一次全部传输，最终发现问题在于服务器端没有实时监听openai接口返回的流式对象，配置responseType: "stream"和 response.data.on("data", (data) => {res.write(data);前端部分在uni.request内开启enableChunked: true,并且在requestTask.onHeadersReceived内部监听分块传输的各个数据chunk即可。
2024-04-30 00:53:49
1566
2
原创 如何设置子div在父div中垂直居中显示？（已知或未知父div宽高的7种方法）
如何设置子div在父div中垂直居中显示？（已知或未知父div宽高）
2022-08-03 17:01:58
3784
原创 position定位
=相对于元素的正常位置（初始位置的左上角）进行定位，==可以通过 top、right、bottom、left 4 个属性来设置元素相对于正常位置的偏移量。多个元素相对定位之后，如果没有移动位置，那么他们之间就不会覆盖现象。如果移动了位置，那么后面的元素就是会覆盖前面的元素（可以通过z-index改变层叠顺序）。如果没有定位偏移量，对元素本身没有任何影响。不影响其他元素布局。......
2022-08-03 16:15:06
154
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人