• 2024-08-18NuxtI18n
    [PS]自写这篇文档的时候,这个模块还在开发当中,没有稳定的正式版本发布,但是开放了edge通道,经测试可以正常使用。官方文档[安装及配置准备]安装模块npxnuxi@latestmoduleaddi18n配置nuxt模块,nuxt.config.tsmodules:[['@nuxtjs/i18n',{
  • 2024-07-09nuxtjs 2.x.x坑点总结
    1、缩放适配参考:https://blog.csdn.net/weixin_44599931/article/details/136539941坑点:不要用postcss-px2rem,会和nuxt引入公共css冲突,改用postcss-pxtorem可解决2、axios使用坑点:不要配置axios的headers,会导致源代码中seo失效,以及刷新页面后axios请求直接失效3、多环境变
  • 2024-03-29解决:NuxtJS项目 ,刷新localhost:3000/product/details/111页面的时候useFetch不工作!
    背景在nuxt项目中,点击产品列表跳转到详情页是正常的,路径为:localhost:3000/product/device?id=111但是对着浏览器刷新之后,发现不在执行请求了。要解决问题:刷新浏览器之后正常展示产品内容。   目录层级|pages|product|device.vue|
  • 2024-03-06Nuxt3-tailwindcss使用
    Nuxt3使用 tailwindcss文档:https://www.tailwindcss.cn/docs/installation安装文档:https://tailwindcss.nuxtjs.org/getting-started/installation1、安装 @nuxtjs/tailwindcssyarnadd-D@nuxtjs/tailwindcss2、nuxt.config.ts中配置exportdefaultdefineNuxtConfig
  • 2023-08-08nuxt3如何配置语言包切换
    记录nuxt-i18n 配置:安装#npmnpminstall@nuxtjs/i18n#yarnyarnadd@nuxtjs/i18n#pnpmpnpmadd@nuxtjs/i18n 设置//nuxt.config.js根据后端接口返回的字段值 新建语言包文件  用common.lang作为测试,继续配置   页面切换 到此配置
  • 2023-07-13使用nuxtjs静态部署时报错TypeError: renderContext.renderResourceHints is not a function
    在使用nuxt框架进行静态打包部署时候每次总会有一两个界面报TypeError:renderContext.renderResourceHintsisnotafunction的错误 一开始以为是asyncData中获取的数据有问题,在各种排查后返现数据没问题,再次编译还是会有错误,最后甚至把asyncdata方法给删除掉都还是有这个错
  • 2023-04-13Nuxtjs实现服务端渲染和静态化站点
    本文将介绍如何使用Nuxtjs对vue项目进行ssr和静态化处理。Nuxtjs简单介绍首先,我们简单了解下Nuxtjs框架,Nuxt.js是一个基于Vue的通用框架,主要用于解决Vue项目的服务端渲染(SSR)。它本质上是一个Vue框架,增加一层node服务,通过对客户端/服务端的抽象封装,使用Nuxt各种资源配置,处理服
  • 2022-12-29vue+nuxtJs+monaco制作Monaco Editor编辑器
    目录前言一、版本二、使用前配置nuxt.config.js三、使用四、附录1.kind提示图标类型2.默认action前言使用版本较低一、版本二、使用前配置nuxt.config.js实现下方
  • 2022-12-28vue+nuxtJs+vue-monaco制作Monaco Editor编辑器(插件有bug不推荐使用)
    目录前言一、版本二、使用前配置1.插件注册文件2.nuxt.config.js三、使用四、插件bug五、附录1.kind提示图标类型2.默认action前言建议别用,有bug;后续写个不用vue-monaco