umi项目禁用html缓存

2 篇文章 0 订阅
当umi项目打包后仍然使用旧版本,可以通过在config.ts或.umirc.ts配置metas来禁止缓存,设置httpEquiv为'Cache-Control'、'Pragma'和'Expires'的值以防止缓存。然而,这种方法有时仍无法避免缓存问题。更有效的解决方案是启用hash选项,打包时会给js和css文件添加hash版本号,确保每次更新都能加载新版本资源,从而消除缓存影响。
摘要由CSDN通过智能技术生成

umi项目打包后还是使用上一个版本,存在缓存

在项目config.ts或.umirc.ts 内写上metas配置:

 metas: [
    {
      httpEquiv: 'Cache-Control',
      content: 'no-cache',
    },
    {
      httpEquiv: 'Pragma',
      content: 'no-cache',
    },
    {
      httpEquiv: 'Expires',
      content: '0',
    },
  ],

打包后会在index.html中生成如下
在这里插入图片描述

后面发现这样还是会有缓存

在项目config.ts或.umirc.ts 配置hash:

hash:true

这样打包后会在js和css加上hash版本号,就不会有缓存了
在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在Linux上部署UMI项目,可以按照以下步骤进行操作: 1. 首先,确保你的Linux服务器上已经安装了Node.js和NPM。你可以通过运行以下命令来检查它们的版本: ``` node -v npm -v ``` 如果没有安装,请根据你的Linux发行版进行安装。 2. 克隆或上传你的UMI项目到Linux服务器上的目标目录。 3. 进入项目目录,并使用NPM或Yarn安装项目依赖。如果你使用NPM,可以运行以下命令: ``` cd /path/to/your/project npm install ``` 4. 在UMI项目根目录下创建一个文件名为 `.umirc.local.js` 的文件,并配置你的项目相关信息,如端口号、代理等。一个简单的示例配置如下: ```javascript export default { proxy: { '/api': { 'target': 'http://api.example.com', 'changeOrigin': true, 'pathRewrite': { '^/api' : '' }, }, }, // 更多配置... }; ``` 5. 使用UMI提供的构建命令将项目构建为静态文件。运行以下命令: ``` npm run build ``` 6. 完成构建后,你将在项目根目录下生成一个 `dist` 文件夹,里面包含了构建好的静态文件。 7. 最后,你可以使用任何你喜欢的Web服务器软件(如Nginx)来提供静态文件服务。配置服务器软件,使其指向你项目根目录下的 `dist` 文件夹即可。 这样,你的UMI项目就成功部署在Linux服务器上了。你可以通过访问服务器的IP地址或域名来访问项目。记得在部署过程中根据实际情况进行相应的配置修改。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值