zoukankan      html  css  js  c++  java
  • Vue SSR 配合Java的Javascript引擎j2v8实现服务端渲染3配置webpack支持ssr

    安装 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.
    
  • 相关阅读:
    再见 2020, 愿“山河无恙,人间皆安”| 年终总结
    Oracle
    Linux安装
    线程池
    AutoJS
    VSCode
    c++ 解析yaml文件
    管道: 哪些命令能直接从管道的输出中读取?
    K8S 集群部署
    Android项目实战(六十一):pdf文件用图片方式预览
  • 原文地址:https://www.cnblogs.com/tangyouwei/p/10369660.html
Copyright © 2011-2022 走看看