当前位置: 首页 > Web前端 > vue.js

静态资源的处理

时间:2023-04-01 11:26:53 vue.js

静态资源可以先提一下一般的前端服务部署场景,如何避免缓存导致的html文件异步更新,部署到服务器。静态资源部署在CDN服务器上并进行覆盖,通常会根据不同的hashschemes来覆盖之前的版本,这样页面更新或者资源更新都不会造成空档。静态资源:除了html之外,一般指的是js、css、图片等。大多数工程项目流程都是用webpack打包,然后引入相关的js资源。访问根目录会通过nginx等指向html,然后通过spa实现路由分发。总体实施方案不讨论打包后的dist在服务器上的整体部署。下面说说如何实现打包构建来实现静态资源的自动上传。配置publicPath:静态资源的访问路径,可以是服务器下的子路径,也可以是CDN地址,可以根据节点环境变量进行配置。自动上传脚本这一步一般放在构建脚本的最后一步。它通常在生成dist文件后执行。可以是本地脚本,也可以是常用的npm包。过程是扫描目录和上传云服务。下面是几个nodeAPI可以配置package.json的相关脚本,结合ci文件实现自动部署