Nodejsreactjs服务端渲染优化SEO

一、准备动作

 1、安装nodejs与安装express

安装nodejs教程:http://www.cnblogs.com/pigtail/archive/2013/01/08/2850486.html

安装express教程:http://www.expressjs.com.cn/starter/installing.html

 2、安装node-jsx(使nodejs支持jsx语法)

$ npm install node-jsx

 3、安装ejs模板引擎

$ npm install ejs

 4、选用ejs模板引擎解析html视图文件(配置express框架应用的app.js),需修改配置如下:

二、具体实现如下:

express路由:

react组件:

 

视图(使用了ejs模板引擎):

复制代码
 1 <html> 2 <head> 3 <title>DudeYouth博客</title> 4 <meta charset="utf-8" /> 5 <link href="css/index.css" rel="stylesheet"/> 6 <link href="css/style.css" rel="stylesheet"/> 7 </head> 8 <body> 9 <div id="container"><%-component%></div> <!--使用ejs模板解析后的html字符串--> 10 </body> 11 </html>
复制代码

原文链接:https://www.cnblogs.com/sunshq/p/5614318.html

原创文章,作者:优速盾-小U,如若转载,请注明出处:https://www.cdnb.net/bbs/archives/22109

(0)
上一篇 2024年3月5日
下一篇 2024年3月5日

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

优速盾注册领取大礼包www.cdnb.net
/sitemap.xml