Ionic 4浏览器端应用更新缓存不刷新问题PHP解决方法问询

核心原理 #

和你之前手动加?ver=版本参数的逻辑一致，用PHP自动生成资源的版本后缀，不需要每次发版手动修改路径。

方案1：自动基于文件修改时间生成版本戳（推荐） #

无需手动维护版本号，资源更新后版本戳自动变更，避免漏改。

工具函数代码 #

/**
 * 生成带版本戳的资源路径
 * @param string $path 资源的相对站点根路径
 * @return string
 */
function get_versioned_asset($path) {
    // 替换为你的Ionic项目在服务器上的物理根路径
    $asset_root = $_SERVER['DOCUMENT_ROOT'] . '/ionic-app/';
    $full_file_path = $asset_root . ltrim($path, '/');
    
    if (file_exists($full_file_path)) {
        // 取文件最后修改时间戳作为版本号
        $version = filemtime($full_file_path);
        return $path . '?v=' . $version;
    }
    // 文件不存在时返回原路径避免页面报错
    return $path;
}

使用方法 #

1. 将你的Ionic编译输出的index.html重命名为index.php
2. 在index.php顶部引入上面的函数（或者把函数放到公共引入文件里）
3. 把原来的静态资源引用替换为调用函数输出，示例：
   原来的写法：

<script src="main.abc123.js"></script>
<link rel="stylesheet" href="styles.def456.css">

替换后的写法：

<script src="<?php echo get_versioned_asset('main.abc123.js'); ?>"></script>
<link rel="stylesheet" href="<?php echo get_versioned_asset('styles.def456.css'); ?>">

方案2：固定版本号配置实现 #

适合需要和项目版本号对齐、手动控制缓存更新时机的场景。

1. 新建配置文件app_config.php，定义版本常量：

<?php
// 每次发版后修改此处的版本号即可
define('APP_RELEASE_VERSION', '1.1.0');
?>

2. 在index.php顶部引入配置文件：

<?php require_once 'app_config.php'; ?>

3. 资源路径处直接拼接版本常量：

<script src="main.js?ver=<?php echo APP_RELEASE_VERSION; ?>"></script>
<link rel="stylesheet" href="styles.css?ver=<?php echo APP_RELEASE_VERSION; ?>">

可选优化：避免index页面被缓存 #

为了防止index页面本身被浏览器缓存导致版本号不更新，可以在index.php最顶部添加以下缓存控制头：

<?php
header("Cache-Control: no-store, no-cache, must-revalidate, max-age=0");
header("Expires: Thu, 01 Jan 1970 00:00:00 GMT");
header("Pragma: no-cache");
?>

内容的提问来源于stack exchange，提问作者Anna Colmenero