vue ssr之nuxt

博主近期在使用Nuxt.js和Node-Express构建后台管理系统,分享了在实践过程中遇到的四个主要问题:1) Nuxt的服务端渲染特性导致表格渲染需包裹tbody;2) Vue对象在Nuxt中变为方法,防止全局污染;3) 自定义Nuxt的404错误页面;4) Nuxt既可单独做后端,也可用于前后端分离项目。博客提供了安装与运行项目的指导,并表示愿意免费答疑。

最近这一段时间,没更新干货的原因是因为,最近在写一个后天管理系统,模仿若依写的。刚开始写,感觉挺简单的,就想着,拿我新学的nuxt加node-express练练手,直接上手写,期间还是踩了许多坑。下面就给大家详细的讲讲。

  • 首先咱先说nuxt是啥,nuxt呢是vue单页面解决无法被爬虫爬取的解决办法之一——服务端渲染,
  • node就不用说了吧,大前端必备技能之一,让我们前端程序员也能去写后端的代码

我们主要来说nuxt,因为踩了很多坑,自我感觉nuxt还是比较好上手的,只要会vue就能轻松的上手,在去刷刷文档就可以上手去写代码了。

  1. 安装:(这条命令如果出现 报错可以清除npm的缓存在去安装)
npx create-nuxt-app <项目名>
  1. 运行项目

nuxt的坑1、那就是表格 的坑在table里面需要加tobay来包裹否则会报红

nuxt的坑2、vue所有的对象在nuxt里面变成方法,因为是在服务器端了,主要是因为怕污染问题。

nuxt的坑3、nuxt里面是由封装好的404界面的我们可以去layouts里面自定定义错误页面,报错不存在的页面哦。

nuxt的坑4、nuxt可以写后端,也可以去写‘前后端分离的项目’。

暂时先总结这么多吧,不会的私信我,免费教学,不是广告,是今天太困了睡觉了睡觉了晚安各位未来的前端大佬们

评论 9
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值