前端调用geoserver服务，数据视图不能实时更新

1、技术框架

vue2+leaflet+geoserver

2、问题描述

前端页面操作DOM，改变数据，geoserver调用wms服务地址唯一不变，数据内容在操作后改变，地图数据视图未能实时更新变化，只有当拖动地图或缩放时才会改变，并有明显卡顿。

3、问题原因

浏览器缓存机制影响，由于每次调用的geoserver服务地址没有发生改变，当数据改变时，浏览器从缓存中找到对应的服务数据，没有发生新的请求，因此视图没有发生变化，当拖动地图时，服务重新请求，替换缓存数据，视图更新。

4、解决办法

openlayers：

 

如图所示，在wms服务的请求参数中添加layerID随机数，服务发生变化，浏览器重新请求，视图更新与DOM 同步。

leaflet：

与openlayer相似。

通过console.log打印出map，每次layer中的layerID值发生变化，视图实时更新。