vue ssr服务端渲染

参考：

https://segmentfault.com/a/1190000020955788?

https://blog.****.net/sinat_17775997/article/details/83824480

https://blog.****.net/java06051515/article/details/103391280

vue ssr项目运行

由于服务器端渲染服务需要客户端Bundle和服务器端Bundle两个包，因此需要利用webpack进行两次打包，分别打包客户端和服务器端。

得到这两个文件，项目才能运行。【vue-ssr-server-bundle.json】、【vue-ssr-client-manifest.json】

1，设置环境 env文件

ENV = 'development'DEV_ENV = 'dev'
RUN_MODE = 'hot'

2，根据

    "build:client": "webpack --config ./bin/webpack.client.config.js --progress --hide-modules",
    "build:server": "webpack --config ./bin/webpack.server.config.js --progress --hide-modules",

运行：

npm run build:client
npm run build:server
删除旧文件，打新文件，集合client 和server的命令
npm run ssrBuild:dev

本地打开浏览器

npm run ssrStart
npm run start:dev

打包成单页面应用

npm run spaBuild

"spaBuild": "webpack --config ./bin/webpack.spa.config.js --progress --hide-modules",

 https://www.cnblogs.com/xiaohuochai/p/9158675.html

https://segmentfault.com/a/1190000015964813?utm_source=tag-newest

https://www.jianshu.com/p/ed1c77ff3b15

https://blog.****.net/weixin_42498206/article/details/112357085

VUE SSR项目部署

npm run ssrBuild:pro

https://www.cnblogs.com/starrk-01/p/11344782.html

https://blog.****.net/lkfood/article/details/88836427

https://blog.****.net/weixin_30732487/article/details/98167965

基于vue-cli3 SSR 程序实现热更新功能

https://juejin.cn/post/6844903693373046792

https://zhuanlan.zhihu.com/p/95294219?from_voters_page=true

 vue14天