首页 > 其他分享 >k8s前端js、css等资源文件CDN加速

k8s前端js、css等资源文件CDN加速

时间:2023-04-07 09:58:18浏览次数:93  
标签:文件 js css 服务器 k8s com 资源

 序言:用户访问网站,网站的加载速度直接影响着用户体验问题;前端js、css等文件资源需要加速访问处理;  

 

方案一:js、css、png等资源打包到文件服务器,文件服务器抛出连接,工程项目打包的时候publicpath使用文件服务器访问链接;

如图:


需要购买文件服务器,把资源文件推送到文件服务器上,由于CI/CD中不能够直接推送文件到文件服务器;需要借助Jenkins进行资源的拉取;

需要在gitlab代码服务器和文件服务器搭建Jenkins,将js、css、png等资源拉取到文件服务器文件夹内,通过hash值区分不同资源是否需要替换;

 

方案二:对某个资源域名进行cdn操作; 1、增加环境标量,不同的配置环境中增加不同的cdn访问publicPath

 

2、vue-cli打包配置增加publicPath  

 

3、更改Dockerfile文件  

 

 4、更改wayne的ingress配置;

域名:

test环境: test.******.com

pre环境:pre.*******.com

uat环境:uat.*******.com

prod环境:prod.*******.com

 

 

 5、发布重启,检测->查看容器内容→查看前端访问域名;  

 

 

 

 

 

标签:文件,js,css,服务器,k8s,com,资源
From: https://www.cnblogs.com/PeterWolf/p/17294991.html

相关文章

  • JS 模拟鼠标事件mouse over、click
     <!DOCTYPEhtml><html><head><metacharset="utf-8"><metahttp-equiv="content-type"content="text/html;charset=utf-8"><metaname="renderer"content="webkit&quo......
  • CSS常用背景属性(背景颜色、背景图片、背景平铺、背景位置、背景附着、背景色半透明、
    本博文记录CSS中比较常用的背景属性,包括背景颜色:background-color、背景图片:background-image、背景平铺:background-repeat、背景位置:background-position和背景附着:background-attachment。同时记录了背景色半透明的写法以及背景属性复合写法。1常用背景属性属性描述使用......
  • K8S 高可用外部 etcd 运行时 (三) 使用Flannel网络
    kubectlapply-fkube-flannel.yml---kind:NamespaceapiVersion:v1metadata:name:kube-flannellabels:k8s-app:flannelpod-security.kubernetes.io/enforce:privileged---kind:ClusterRoleapiVersion:rbac.authorization.k8s.io/v1metadata:......
  • K8S 高可用外部 etcd , Docker 容器运行时 (三) 加入K8S集群
    control-plane上执行1、#证如果过期了,可以使用下面命令生成新证书上传,这里会打印出certificatekey,后面会用到kubeadminitphaseupload-certs--upload-certs#你还可以在【init】期间指定自定义的--certificate-key,以后可以由join使用。要生成这样的密钥,可以使用以下......
  • 利用ExcelJS读取Excel文件
    参考文档https://blog.csdn.net/qq_41374651/article/details/115663014https://blog.csdn.net/qiuliaiali123/article/details/104392662https://www.jianshu.com/p/fc96e22c4df1最终效果代码<template><divclass="test"><inputtype="......
  • threejs_交互_鼠标点击_添加物体_删除物体
    click点击添加物体,shirft+click点击删除物体<!DOCTYPEhtml><htmllang="en"><head> <metacharset="utf-8"> <title>three.jswebgl-interactive-voxelpainter</title> <metaname="viewport"conten......
  • CSS——@layer规则
    前言之前我们是如何避免引入多方的CSS文件时冲突?注意引入顺序、注意选择器优先级、使用important进行强制覆盖,现在你有了更好的选择@layer,@layer中后声明的优先级高于先声明的;;文档w3|css-cascade-5|MDN|@layer浏览器支持情况目前来看主流的一些浏览器都是支持......
  • vue全家桶进阶之路27:Vue.js 3.0的下载和安装
    使用脚手架vue-cli创建vue3项目,创建前需要准备以下:1、node.js环境见:https://www.cnblogs.com/beichengshiqiao/p/17251233.html2、npm、cnpm工具见:https://www.cnblogs.com/beichengshiqiao/p/17251860.html3、vue框架见:https://www.cnblogs.com/beichengshiqia......
  • JSP期末程序题
    ​程序题1.在界面上输出十个数字,借助JAVA中的Random随机数生成类<%@pagelanguage="java"contentType="text/html;charset=UTF-8"pageEncoding="UTF-8"import="java.util.Random"%><!DOCTYPEhtml><html><head>......
  • 怎么样用css样式实现一个三角形?
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-......