最近发布
Nuxt3动态站点地图sitemap的配置
sitemap.xml 是一个 XML 格式的文件，主要作用是帮助搜索引擎（如 Google、Baidu等）更高效地抓取和索引网站的页面。即使没有 sitemap.xml，搜索引擎也能通过链接抓取页面，但有它会更高效。sitemap.xml 是网站与搜索引擎沟通的“地图”，虽不直接影响排名，但能显著提升抓取效率和收录率，是 SEO 基础建设中不可或缺的一环。下面我将记录如何在nuxt3中使用@nuxtjs/sitemap插件动态生成站点地图。 在nuxt3中安装@nuxtjs/sitemap模块
prisma报错Do not know how to serialize a BigInt
在使用prisma开发个人博客的时候遇到一个不知道如何序列化BigInt的bug：Do not know how to serialize a BigInt。在prisma的github上有人提出了这个Issues，经过查阅分析这个问题可能出现的原因： 当 Prisma 从数据库查询数据时，它返回的是原生的 JavaScript 对象。在很多情况下，这些对象会被转换为 JSON 格式以便进一步传输，比如通过 API 响应传递给前端，如果Prisma使用了 JSON.stringify() 来进
Nuxt3配置postcss-pxtorem
postcss-pxtorem是一款自动将px转化为rem的插件，通常在移动端使用较多，但是在pc端使用postcss-pxtorem来兼容不同的分辨率效果也还不错。 首先安装postcss-pxtorem npm install postcss-pxtorem --save-dev 然后再nuxt.config.ts中配置下postcss postcss: { plugins: { //配置autoprefixer，自动添加浏览器前缀,解决css兼容性问题
pnpm报错、访问超时的问题
由于registry.npmjs.org 被 GFW 屏蔽，所以在使用pnpm命令的时候会报错： Error when performing the request to httpsregistry.npmjs.orgpnpm; for troubleshooting help, see httpsgithub.comnodejscorepack#troubleshooting。我们可以将官方仓库地址替换为国内其他的镜像地址。 打开cmd命令窗口执行如下： setx COREPACK_NPM_R
pinia在nuxt3中配置持久化的问题
记录下在Nuxt3中配置pinia持久化时遇到的一些版本问题。 安装pinia npm i pinia @pinia/nuxt 安装持久化插件。 在当时安装插件时搜索到的文档都是说安装@pinia-plugin-persistedstate/nuxt这个插件，但是我在安装这个插件的时候遇到了版本冲突，报错如下： 显示我的@pinia/nuxt版本为0.9.0不兼容@pinia-plugin-persistedstate/nuxt这个插件，所以得使用pinia-plugin-persisted
关于Vue历史路由刷新404的问题
将项目打包上线后，由于Vue路由使用的是history历史模式，导致在生产环境下刷新页面会跳转404。解决办法有两种， 将Vue项目路由模式设置为哈希模式 在服务端配置nginx代理 主要讲下nginx配置，由于我的项目是使用宝塔面板进行的配置，所以记录下宝塔设置的流程。 首先在网站目录找到建立的站点，点击设置 在设置中找到配置文件，这个文件就是这个站点nginx的配置文件 将图上的配置粘贴进去，然后重启nginx配置即可 location / { try_files