阳光沙滩
让学习编程变得简单
Nuxt.js,Vue服务端渲染技术SSR
发表于 2020-01-07    阅读次数 184

Nuxt.js,Vue服务端渲染技术SSR

图片描述

目前的前端是使用thymeleaf做的,结合java,部分由服务端渲染,有利于SEO,而部分跟SEO无关的则由客户端渲染,比如说用户信息,比如说用户的排行榜。

而Vue.js实现的一般是移动端或者管理后台,这些不需要被搜索引擎去收录。

如果你使用vue.js去做前端的话,右键查看源码只有app.js文件,没有什么跟页面相关的描述内容。不利于SEO。

所以,可以采用服务端渲染的技术,解决这个问题。

弊端:

服务端渲染的弊端很明显:如果很多人在访问,渲染消耗的都是服务器的资源,也就是多人在共用一台电脑啦。所以要做一些缓存处理,特别是高频访问的页面。

相关资料

官方网站

模版下载地址

修改配置文件

下载下来以后,解压这样

图片描述

解压以后没有

node_modules

修改一下配置文件:nuxt.config.js

构建

然后打开命令行创开口

npm install

就会去下载依赖的包了

运行

下载完成以后,可以手动敲命令运行,或者使用IDE里的

图片描述

然后就会显示:

图片描述

打开

http://localhost:3000/

就可以访问到网页了,右键查看源码,你会发现有样式有内容相关的,这样子,搜索引擎就可以去检索到你的网站内容了。