随笔分类 -  Nuxt3

关于nuxt3的学习笔记, 开发踩坑记录
摘要:目录将富文本中img的src转换为data-src引入指定的加载中图片与加载错误图片将富文本挂载元素添加v-lazy-container vant4本身使用vue-lazyload插件实现图片的懒加载, 参照vue-lazyload进行配置 将富文本中img的src转换为data-src const 阅读全文
posted @ 2024-04-18 17:18 Syinho 阅读(348) 评论(0) 推荐(0) 编辑
摘要:目录服务端代码调用代码解决思路 情景复现: 在开发服务端渲染程序时, 出现开发环境可以从远程服务器正确获取到数据, 但是线上环境无法获取数据并且报错 _fetch is not a function 错误. 服务端代码 // /server/detail.get.js export default 阅读全文
posted @ 2024-04-18 16:44 Syinho 阅读(167) 评论(0) 推荐(0) 编辑
摘要:目录安装nuxt3的pinia包修改nuxt.config.ts的配置在项目中创建pinia仓库创建本地的测试服务器用于测试ssr在nuxt项目中创建服务器端请求接口在/article/[id]路由页面中实现服务器端渲染使用postman向http://localhost:3000/article/ 阅读全文
posted @ 2024-04-16 13:31 Syinho 阅读(1116) 评论(0) 推荐(0) 编辑
摘要:配置.env文件 在根目录下添加不同的环境文件 .env.dev NUXT_PUBLIC_API_BASE=http://192.168.110.209:8000 NUXT_API_KEY=my-api-key-dev NUXT_TEST_VARIABLE=dev NUXT_TEST_TEST_VA 阅读全文
posted @ 2024-03-29 12:23 Syinho 阅读(590) 评论(0) 推荐(0) 编辑
摘要:在/assets/scss/global.scss中写入样式 $black: #000; $height: 1666px; .test { color: red; background-color: $black; height: $height; } 在/nuxt.config.ts文件中写入如下 阅读全文
posted @ 2024-03-13 13:29 Syinho 阅读(896) 评论(0) 推荐(0) 编辑