webpack+vue+cesium跨域问题的解决

采用webpack+vue+cesium,调用arcgis service出现跨域问题,解决方法如下:

1. 在webpack.dev.conf.js中启用proxy

devServer: {
    clientLogLevel: 'warning',
    historyApiFallback: true,
    hot: true,
    compress: true,
    host: HOST || config.dev.host,
    port: PORT || config.dev.port,
    open: config.dev.autoOpenBrowser,
    overlay: config.dev.errorOverlay
      ? { warnings: false, errors: true }
      : false,
    publicPath: config.dev.assetsPublicPath, 
    proxy: config.dev.proxyTable, // 启用proxy
    quiet: true, // necessary for FriendlyErrorsPlugin
    watchOptions: {
      poll: config.dev.poll
    }
  },

2. 在config/index.js中配置代理proxyTable

 proxyTable: {
      '/jssl': { // 程序中的地址
        target: 'http://arcgis服务器ip:6080/arcgis/rest/services',
        changeOrigin: true,
        secure: false,
        pathRewrite: {
          '^/jssl/': '/' // 把程序中的地址转换成“真实地址”+‘/jssl’后面的部分,如‘/jssl/servicename/mapservice/',被转换成'http://arcgis服务器ip:6080/arcgis/rest/services/servicename/mapservice/'
        }
      }

 

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值