Vue服务端渲染——nuxt学习笔记

zhuanbike 2022-4-17 802

前后端分离的一个痛点就是SEO,当然,如果在小程序和app开发当中或许不需要考虑这一点,但是大多数web项目还是对SEO比较依赖的。

1、示例代码: server.js

const Vue =require('vue');
const server =require('express')();
const renderer = require('vue-server-renderer').createRenderer();
const app = new Vue({
template:`<h1>hello,world!</h1>`
})


server.get('/',(req,res)=>{
renderer.renderToString(app,(err,html)=>{
if(err) {
console.log(err);
return;
}
// console.log(html)
console.log('端口3131已经开启')
res.end(html)
})
})
server.listen(3131)

2、官方框架介绍:

vue-hackernews-2.0框架

网络资料:https://www.jianshu.com/p/fccc93e9f1d5

3、nuxt的安装

npm 5以上的版本支持 npx命令,可以先 npm -v 查看自己的npm版本

npx create-nuxt-app nuxt



最新回复 (0)
发新帖