cesium+vuejs+geoserver开发模式下跨域调用

配置Vue中config目录下的index.js
cesium+vuejs+geoserver开发模式下跨域调用_第1张图片

    proxyTable: {
      '/geoserver': { //命名
        target: 'http://localhost:8080', //转发地址
        changeOrigin: true, //允许跨域
        pathRewrite: {'^/geoserver': ''} //暂时没搞明白
      }
    },

** *.vue文件中调用代码 **
cesium+vuejs+geoserver开发模式下跨域调用_第2张图片

    var wmsImageryProvider = new Cesium.WebMapServiceImageryProvider({
      url: '/geoserver/geoserver/topp/wms?', // 服务地址
      layers: 'topp:states', // 图层名称
      parameters: {
        transparent: true, // 是否透明
        format: 'image/png', // 返回格式
        srs: 'EPSG:4326',  // 坐标系
        styles: ''
      }
    })
    this.viewer.imageryLayers.addImageryProvider(wmsImageryProvider)

geoserver发布服务

你可能感兴趣的:(cesium之旅,GeoServer,WebGIS)