vue的路由页面，定时每秒请求一次，比如数据有10页，重新刷回第一页的时候，数据库的数据已删除一些，在浏览器是正常发请求，数据正常刷新变化，后端日志正常刷新，但是在投影屏数据无变化，请求还是正常发，但是后端日志已停止。
一开始觉得是vue的兼容性问题，所以重新写了个原生的html，但是在浏览器是正常的，投屏空白，空白的原因可能是投屏内置的浏览器发生报错，经过排查是浏览器兼容问题，投屏的内核是ie11，很多新的语法不支持，如箭头函数，let等es6语法，还有必须的分号结尾！但是修改语法过来，投屏页面显示正常，但是重复请求数据页面还是不刷新，发现是浏览器机制http缓存的问题，ie11，重复发同一个请求，http不会三次挥手，三次握手的跑完整个流程，而是判定重复的请求参数一致，就会直接读取浏览器上一次的缓存，导致页面不更新，解决方案，每次请求，多家一个参数，这个参数自定义，但是它的值必须是每次都不一样的。
直接创建一个新的html页面，直接发请求的话，运行在浏览器上，都是跨域，因为浏览器的html地址不同源了。解决方案是在vue项目public直接创建一个html文件，然后build一下，运行项目，直接用ip访问这个html页面即可，这样就可以把前缀服务映射到线上的请求地址，解决跨域问题，然后把地址复制到投屏工具上面即可
网友评论