zoukankan      html  css  js  c++  java
  • vue-ssr(三)

    创建server-entry.js  服务端入口
     
    创建服务端的打包配置
    在build下创建webpack.server.js文件夹
    在public在创建一个服务端需要的模板
     
    webpack.server.js
    注:与客户端的打包配置类似,只是入口名和所用的模板不一样,且服务端所用的模板内必须有<!--vue-ssr-outlet-->。要指定target和output
     
    排除server模块
    服务端模板不引用打包出来的模块
     
    重新在package.json里配置脚本
    服务端打包不需要打包环境
     
    客户端打包结果
     
    服务端打包结果
     
    把服务端打包的server.bundle.js挂载到服务端的模板html
     
    页面中的dom结构
     
    事件并没有生效,所以要把客户端打包结果挂载到服务端打包出的模板上,因为客户端打包出的结果里有点击事件
     
    会先去配置的静态文件地址里找静态资源
     
    客户端激活
    此时点击事件还是不生效,因为模板里压根就没有#app的dom,所以没有挂载上,所以要进行客户端激活
     
    以上方式有弊端,预知最优方式如何,且听下回分解
    陌生人,愿你永不迷失自己,心中永远有梦去追逐。 ---随笔签名写于2020.1.3 00:28:00 博主VX:stf569318425
  • 相关阅读:
    BZOJ 1072: [SCOI2007]排列perm
    BZOJ 1071: [SCOI2007]组队
    HDP集群部署
    使用Kubeadm部署kubernetes集群
    Docker 私有仓库
    Docker Compose
    Dockerfile使用
    Docker应用部署(Mysql、tomcat、Redis、redis)
    Docker 容器的数据卷 以及 数据卷容器
    Docker 服务、镜像、容器简单命令使用
  • 原文地址:https://www.cnblogs.com/tengfeiS/p/14971324.html
Copyright © 2011-2022 走看看