• 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
  • 相关阅读:
    hdu2089 不要62 (数位dp)
    LightOJ 1140
    在n到m中 有多少个1 (数位dp)
    Frequent Subsets Problem 状态压缩 判断出现的次数
    LightOj 1215
    LightOJ 1197
    Spring 知识点提炼
    设计模式—访问者模式
    设计模式—模板模式
    设计模式—策略模式
  • 原文地址:https://www.cnblogs.com/tengfeiS/p/14971324.html
Copyright © 2020-2023  润新知