web开发遇到的坑之360浏览器缓存问题

再使用360浏览器,浏览我自己开发的一个配置的web管理后台时,发现,使用ctrl+F5都不能刷新表格的数据,还有,我添加字段时,明明是添加成功的,用sql再数据库查都能查出来。但表格里就是不显示。我从来没遇到这样的问题,把我个整懵了。于是我只好百度,发现这个360浏览器是与我平时用的火狐不一样,网上果然有解决方案。

详细如下:

https://blog.csdn.net/wupuyi/article/details/102782339

 

3.1、在 get 请求的 url 后面带上时间戳参数,如:

url: prefix + "/network/equipment?times="+new Date().getTime(),

3.2、进行请求设置,强制要求缓存服务器在返回缓存的版本之前将请求提交到源头服务器进行验证

ajax 使用 setRequestHeader 方法,jQuery 中使用 cache: false 设置,axios中设置header。

    // ajax
    xhr.setRequestHeader("Cache-Control", "no-cache");
    xhr.setRequestHeader("Pragma", "no-cache");

    // jQuery cache: false 设置
    $.ajax({
        type: "get",
        cache: false,
        url: url,
        success: function (msg) {
        }
    });

    // axios
    const http = axios.create({
        // ...
        headers: {
            ‘Pragma‘: ‘no-cache‘,
            ‘Cache-Control‘: ‘no-cache‘
        }
        // ...
    })

3.3、将get请求改为post请求

web开发遇到的坑之360浏览器缓存问题

上一篇:CSS link和@import的区别


下一篇:(七).netcore+vue 跨域调用——CORS