uniapp H5 微信小程序嵌套H5网页出现白屏问题

微信小程序嵌套H5白屏问题,一般是因为微信缓存问题:

        1:在微信:我的-设置-通用-存储空间-缓存;点击清理就可以了(如果面向大客户群,此方式不合适)

        2:在webView嵌套,url后面拼接时间戳,保证每次url都不一样就可以解决(亲测有效)

        3:修改每次打包的js文件,让每次打包后js名称不一样(主要目的让浏览器不读取缓存的js,每次从服务器重新获取新的js文件进行加载显示;vue项目实现原理一样,可以参考以下文章:)

 vue打包项目,根据时间戳进行每次生成不一样,防止浏览器缓存

第三种实现方式:

        在最外层创建vue.config.js文件,将以下代码复制其中,重新打包

const Timestamp = new Date().getTime(); //当前时间为了防止打包缓存不刷新,所以给每个js文件都加一个时间戳
module.exports = {
	filenameHashing: true, //建议开启 防止静态资源(图片)替换后 未即时生效
	configureWebpack: {
		output: { // 输出重构  打包编译后的 文件路径  文件名称  【时间戳】
			filename: `./static/js/[name].${Timestamp}.js?v=${Timestamp}`,
			chunkFilename: `./static/js/[name].${Timestamp}.js?v=${Timestamp}`
		},
	}
}

你可能感兴趣的:(uniapp-h5,uni-app,微信小程序,小程序)