Vue SSR 配合Java的Javascript引擎j2v8实现服务端渲染3配置webpack支持ssr
2024-08-25 22:57:34
安装 cross-env
yarn add -D cross-env
安装 html-webpack-plugin
yarn add -D html-webpack-plugin
安装 webpack-merge
yarn add -D webpack-merge
安装 vue-server-renderer
yarn add -D vue-server-renderer
测试
server.js
const renderVueComponentToString = require("vue-server-renderer/basic.js");
const serverBundle = require("./dist/server-bundle");
console.log("server is running ...");
const context = {
url: "/"
};
const promise = serverBundle.default(context);
promise
.then((resolve, reject) => {
console.log("promise resolved");
const vm = resolve;
renderVueComponentToString(vm, (err, res) => {
if (err) {
console.log(err);
return;
}
console.log(res);
});
})
.catch(rejected => {
console.log(rejected);
});
运行结果
➜ webapp git:(j2v8-version) ✗ yarn dev
yarn run v1.13.0
$ node server
server is running ...
cntext=> { url: '/' }
promise resolved
<div data-server-rendered="true"><h1>Hello World! Vue,j2v8!</h1></div>
Done in 0.69s.
最新文章
- 创建Chrome启动器
- enum和int、string的转换操作
- C#集合-列举(Enumeration)
- Asp.net MVC在View里动态捆绑压缩引用的js
- android 基本知识
- Javascript中的一种深复制实现
- tcxtreelist 展示图片 图像
- IDEA如何打包可运行jar的一个问题。
- 两段小PYTHON,作啥用的,行内人才懂~~~:(
- TCP释放连接时为什么time_wait状态必须等待2MSL时间
- Android牛博
- python rsa 加密解密 (编解码,base64编解码)
- css基础系列
- socket接收大数据流
- 18.翻译系列:EF 6 Code-First 中的Seed Data(种子数据或原始测试数据)【EF 6 Code-First系列】
- Angular 学习笔记 (Material Datepicker)
- Web Services的学习二
- 深入理解java虚拟机读后总结(个人总结记录)
- es6基础(4)--字符串扩展
- 讲一讲Servlet的生命周期
热门文章
- Android源码阅读笔记二 消息处理机制
- 申请IPV6地址配置IPV6域名
- C#中怎么判断一个数组中是否存在某个数组值
- 【九天教您南方cass 9.1】 10 DTM土方计算的四种方法
- Java知多少(33)多态对象的类型转换
- ASP.NET IIS Registration Tool (Aspnet_regiis.exe)
- SAP项目的整体预算大概是多少?
- Java如何拆分正则表达式和字符串?
- PHP最全笔记(一)(值得收藏,不时翻看一下)
- linux 如何快速的查找日志中你所要查找的信息