随笔分类 - Nuxt3
关于nuxt3的学习笔记, 开发踩坑记录
摘要:目录将富文本中img的src转换为data-src引入指定的加载中图片与加载错误图片将富文本挂载元素添加v-lazy-container vant4本身使用vue-lazyload插件实现图片的懒加载, 参照vue-lazyload进行配置 将富文本中img的src转换为data-src const
阅读全文
摘要:目录服务端代码调用代码解决思路 情景复现: 在开发服务端渲染程序时, 出现开发环境可以从远程服务器正确获取到数据, 但是线上环境无法获取数据并且报错 _fetch is not a function 错误. 服务端代码 // /server/detail.get.js export default
阅读全文
摘要:目录安装nuxt3的pinia包修改nuxt.config.ts的配置在项目中创建pinia仓库创建本地的测试服务器用于测试ssr在nuxt项目中创建服务器端请求接口在/article/[id]路由页面中实现服务器端渲染使用postman向http://localhost:3000/article/
阅读全文
摘要:配置.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
阅读全文
摘要:在/assets/scss/global.scss中写入样式 $black: #000; $height: 1666px; .test { color: red; background-color: $black; height: $height; } 在/nuxt.config.ts文件中写入如下
阅读全文