1、vConsole的使用
在此类开发中,最麻烦的是上测试环境调试;这边使用的是vconsole;
方法:在index.html中 cdn引入vconsole后初始化即可
<script src="https://cdn.bootcss.com/vConsole/3.3.4/vconsole.min.js"></script>
<script>
// 初始化
var vConsole = new VConsole();
console.log('Hello world');
</script>

2、缓存问题
遇到的问题:在公众号H5中每次部署测试环境之后,都需要手动清除缓存并关闭微信重新打开才能出现最新的内容
解决方案:
1)index.html中增加取消缓存的mate标签;强制每次获取js、css都响应200,而不是走缓存
code:
<meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate">
2)前端内部的缓存解决了,但是index.html文件的缓存还未解决;
nginx配置,请求index.html时,增加响应头Cache-Control "no-cache, no-store";
code:
location = /index.html {
add_header Cache-Control "no-cache, no-store";
}

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐