解决vue ssr css内联样式和link标签重复问题

解决vue ssr css内联样式和link标签重复问题,第1张

基于vue-cli3的项目,改造成SSR。
服务端渲染会提取组件的样式内联到html中,与link标签中的重复,使得页面体积变大,导致响应时间很慢。
原因是ssr会自动进行资源注入 Manual Asset Injection ,包含css、js等。

我们需要的是没有<style>标签的页面

所以通过配置参数,关闭资源注入。

接下来需要把css、js等文件再关联到输出的html中
当创建bundlerender的时候,我们可以使用一个模板,在这个模板里面预置页面所需要的各种资源。

思来想去,csr(客户端渲染)模式下生成的indexhtml再合适不过了。
而且,当build csr时,我们也可以预置一个模板,在这里添加上第三方的资源

最后是在模板中添加锚点

到这里基本大功告成

贴一下vueconfigjs和build script(windows 平台)

SSR就是一台服务器,可以利用 SSR 在远程的服务器上配置 SSR,使其能够成为 SSR 节点,这样本地电脑或者其它设备利用 SSR 节点实现 *** 或者远程上网及游戏加速等方面。

ShadowsocksR(简称 SSR)是 Shadowsocks 分支,在 Shadowsocks 的基础上增加了一些数据混淆方式,称修复了部分安全问题并可以提高 QoS 优先级。甚至增加了类似 Tor 的可插拔传输层功能。

扩展资料:


技术特征

1、具备高密度的高速接口,便于在节省光纤资源、提供更高链路带宽的前提下连接城域网核心路由器(CR)或者骨干网的PE设备。

2、能提供大容量的L3***,L2***(VLL)和VPLS业务的能力,支持跨域的L3***、L2***服务。

3、具有强大、灵活的Qos能力,能实现层次化Qos,对于延时敏感的业务(如Voice)能提供LLQ的Qos保证。

4、提供高性能的组播复制、转发能力,为了便于今后IPtV和视频业务在城域网的部署,业务路由器也应该具备或者在未来能够提供Multicat ***的能力。

5、实现系统级的高可靠性,除了在硬件组件上具有高冗余、高可靠性(硬件关键组件应实现备份机制,如:风扇、电源、交换网板、时钟板、路由引擎等)。还要在数据转发和协议的控制层面上实现NSF/SSO。

6、具有安全防御手段,能够抵御网络攻击。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zz/10788311.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-11
下一篇 2023-05-11

发表评论

登录后才能评论

评论列表(0条)

保存