vue服务器渲染的现成和成熟的框架和代码

本文探讨了Vue等前端框架在SEO上的挑战,由于它们生成的HTML内容为空,导致搜索引擎收录困难。为了解决这个问题,介绍了服务器渲染(SSR)的概念,特别是国内成熟的SSR框架——Minissr。Minissr使得Vue应用可以像多页面网站一样被搜索引擎理解,只需简单命令即可启用。对于希望避免传统PHP和JSP技术的开发者,Minissr是一个理想选择。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

由于我们的react和vue这些框架,它生成的html代码,div的内容是空的,title这些由于他是单页应用,所以seo非常不友好。

基本用vue开发的网站就无法被百度收录,所以对于我们vue程序员来说,就迫切的需要一个ssr框架,也就是我们的服务器渲染框架。

服务器渲染的原理很简单,就是我们用浏览器打开一个网站,看到的网页源文件,div就已经是有内容的,不再是通过js给它渲染你内容的方式,而且要使用history路由,不能再使用#号的路由,让搜索引擎看起来是个多页面的网站。

目前国内最成熟的,已经封装完整的ssr框架是minissr。它跟普通的vue没什么区别,下载它的代码后,用一行命令就可以启动ssr服务了。

npm install
npm run ssr

minissr的地址如下:

https://www.wechatmini.com/vue/minissr

假如你想开发网站,但又不想使用老旧的php和jsp技术,那么成熟的minissr就是你的首选。

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值