uniapp的h5项目更版出现白屏的问题解决办法

php_yt 的个人博客 / 0 / 2 / 创建于 3年前 / 更新于 3年前

uniapp开发的H5站点，做了一些改动重新编译，部署上去替换线上项目，出现白屏。

通过几次编译后的js文件名称互相对比，部分js文件名称并没有因为重新编译而改变，我认为是静态js、css缓存造成的。

我的解决方案，是后端处理。每次编译后的项目命名不同的名称。

uniapp的h5项目重新编译出现白屏的问题解决办法

编译时的 manifest.json 中的运行的基础路径（js的运行路径）填写为 h5v2，然后编译，编译后在unpackage/dist/build/下生成了 h5 的文件夹，重命名为 h5v2，然后将其上传至服务器。

接下来是后端，由一个统一的路由指向不同的文件夹，于是完成了版本的切换。

Route::get('h5/{flug?}','TestController@h5');

以laravel为例

public function h5($flug=''){
        \View::addExtension('html','php');

        // 通过切换 index.html 的路径完成了版本的切换
        // $indexhtml = public_path().'/h5v1/index.html';
        $indexhtml = public_path().'/h5v2/index.html';

        if(!file_exists($indexhtml)){
            return '网页不存在';
        }
        return  view()->file($indexhtml);
}

由于manifest.json中填写的 h5v2，所以 js 路径是/h5v2/..js，js路径变了，所以缓存问题解决了。而且项目的路径并没有变，因为路径是 Route::get('h5.. 后端路由命名的。

Uniapp

本作品采用《CC 协议》，转载必须注明作者和本文链接

welcome come back

php_yt

1.1k 声望

未知的世界只差向前一步

1 人点赞

推荐文章：

更多推荐...

博客

uniapp 实现打电话录音功能 14 / 6 |

讨论数量: 2

Imuyu

课程读者 869 声望

采用文件hash来决定分割文件名

3年前评论

php_yt （楼主）

请教下怎么弄

Imuyu

课程读者 869 声望

module.exports =  {
  output: {
    filename: '[name].js',
    chunkFilename: 'js/chunk/vendor.[name].js?v=[chunkHash]'
  }
}

3年前评论

php_yt （楼主）

谢谢，uniapp 里怎么配置知道吗

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容，与人为善，比聪明更重要！

帮助

uniapp的h5项目更版出现白屏的问题解决办法

推荐文章：

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

uniapp的h5项目更版出现白屏的问题解决办法

推荐文章：

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

请登录