创建vue-ssr项目

1、创建vue-ssr项目

1、在项目存储目录下,使用命令行工具创建一个vue-ssr项目,执行完命令后,会在vue-ssr目录下生成一个package.json文件

mkdir vue-ssr
cd vue-ssr
npm init -y

2、在Vue中使用服务器端渲染,需要借助Vue的扩展模块vue-server-renderer。下面在vue-ssr项目中使用npm来安装vue-server-renderer

npm install vue@2.6.x vue-server-renderer@2.6.x --save

3、测试服务器渲染
在这里插入图片描述

2、 Express搭建SSR

1、安装express

npm install express@4.17.x --save

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述


3、Koa搭建SSR

1、安装

npm install koa@2.8.x --save

2、

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述



版权声明:本文为m0_56315262原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。