nuxt asyncdata刷新不执行_vue服务端渲染框架nuxt使用经验分享

本文介绍了使用 Nuxt.js 框架进行服务端渲染时遇到的 asyncData 刷新不执行的问题,以及Nuxt的路由、动态路由、asyncData方法的使用方法。同时,提到了nuxt-link与a标签的选择,以及在created生命周期中避免使用window对象的注意事项。通过学习,可以更好地理解和应用Nuxt进行SEO友好的前端开发。
摘要由CSDN通过智能技术生成

最近在学习使用nuxtjs框架,自己个人博客的前端部分就是使用nuxt框架搭建的。

为什么选择nuxt框架?

61081cba5c657bfbe23a416f5f565a9e.png

nuxt框架

因为考虑到seo(搜索引擎优化),国内多数搜索引擎蜘蛛是无法爬取到ajax获取的内容的。

现在流行的SPA单页面应用都是采用前后端分离的形式开发,基本采用ajax请求的方式去做数据交互,对seo很不友好。

因此需要seo的项目,要使用ssr(服务端渲染),即在后端渲染数据,多年前jsp,php等语言所写的页面就是服务端渲染,前后端杂糅在一起写,或者使用模板引擎。

  • nuxt的使用场景
  1. 项目中有seo的需求,但是不想采用传统的ssr方案,而是采用现代前后端分离的方式开发。
  2. 简化vue开发,不需要配置太多的webpack,脚手架大部分已经帮我们做好了。

接下来就说一下nuxt中的重点:

1、路由

在nuxt中,不需要自己写router.js文件,有种约定大于配置

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值