1. 程式人生 > >openlayer3跨域問題解決方法

openlayer3跨域問題解決方法

我用Geoserver釋出的圖層,裡面遇到的跨域問題,具體解決方案如下。

1.把CORS檔案裡面的解壓檔案org放到D:\GeoServer 2.7.2\webapps\geoserver\WEB-INF\classes目下

2.修改D:\GeoServer 2.7.2\webapps\geoserver\WEB-INF\目錄下的web.xml;如下:

在filter集合末尾額外新增一個filter:  <filter>
      <filter-name>cross-origin</filter-name>
      
      <filter-class>org.mortbay.servlets.CrossOriginFilter</filter-class>
      <init-param>
        <param-name>allowedOrigins</param-name>
        <param-value>*</param-value>
      </init-param>
      <init-param>
       <param-name>allowedMethods</param-name>
       <param-value>GET,POST</param-value>
      </init-param>
      <init-param>
       <param-name>allowedHeaders</param-name>
       <param-value>x-requested-with,content-type</param-value>
      </init-param>
    </filter> 
在filter-mapping末尾額外新增一個filter-mapping <filter-mapping>
        <filter-name>cross-origin</filter-name>
        <url-pattern>/*</url-pattern>
    </filter-mapping>
3.重啟


相關推薦

withCredentials--相同主解決方法

rip bsp keyword 不同 plain script mode nbsp 主域 主域相同,而子域不同,存在跨域問題。在高版本瀏覽器下,可以設置withCredentials來解決。   xhrFields: {withCredentials: true}   低版

vue解決方法 及設置api路徑方法

fun tab cti query 跨域請求 geo var nco target vue項目中,前端與後臺進行數據請求或者提交的時候,如果後臺沒有設置跨域,前端本地調試代碼的時候就會報“No ‘Access-Control-Allow-Origin‘ header is

請求解決方法CORS

status 跨域 以及 methods 當前頁 function sin style 配置 CORS全稱Cross-Origin Resource Sharing,是HTML5規範定義的如何跨域訪問資源。 Origin表示本域,也就是瀏覽器當前頁面的域。當JavaScr

[]解決方法之Ngnix反向代理

方式 lose ted request get OS href with 解決方法 跨域原理:http://www.cnblogs.com/Alear/p/8758331.html 介紹Ngnix之前,我麽先來介紹下代理是什麽~   代理相當於中間人,中介的概念   代

[整理]JavaScript解決方法大全

跨域的定義:Javascript出於安全性考慮,同源策略機制對跨域訪問做了限制。域僅僅是通過“URL的首部”字串進行識別,“URL的首部”指window.location.protocol +window.location.host,也可以理解為“Domains, protocols and por

關於 webpy 解決方法的一點總結

python3.6.1程式碼如下: 服務程式碼: ''' 此程式碼實現了: arcgis api for js 3.25 服務的本地化。 此程式碼 + arcgis_js_v325_sdk 資料夾 是一套。 arcgis api for js 的其他版本,也一樣。 啟動程式碼: py

什麼是解決方法

一、為什麼會出現跨域問題 出於瀏覽器的同源策略限制。同源策略(Sameoriginpolicy)是一種約定,它是瀏覽器最核心也最基本的安全功能,如果缺少了同源策略,則瀏覽器的正常功能可能都會受到影響。可以說Web是構建在同源策略基礎之上的,瀏覽器只是針對同源策略的一種實現。同源策略會阻止一個域的

pdf.js解決方法——遠端載入pdf

思路:通過將需要瀏覽的pdf通過後臺轉為檔案流傳給前端,來解決跨域問題。js程式碼寫在viewer.html裡,放到引用pdf.js的位置前面js程式碼,來接收檔案流:<script> var PDFData = ""; $.ajax({

前端常見解決方法

什麼是跨域? 跨域是指一個域下的文件或指令碼試圖去請求另一個域下的資源,這裡跨域是廣義的。 廣義的跨域: 資源跳轉: A連結、重定向、表單提交 資源嵌入: <link>、<script>、<img>、<fram

前端解決方法總結

同源策略: 所謂同源策略,指的是瀏覽器對不同源的指令碼或者文字的訪問方式進行的限制。 同源:協議相同,域名相同,埠相同。 同源策略主要帶來三個方面的行為限制: 1、cookie,localstorage和IndexDB無法讀取 2、DOM無法獲取 3

cookie 解決方法

16px 客戶端 正向 域名服務 host bubuko 解決方法 set info 1、Nginx 正向和反向代理的區別 正向代理和反向代理的區別:正向代理隱藏真實客戶端,反向代理隱藏真實服務端,圖示: 2、cookie跨域問題 因為cookie存在跨域問題,其

openlayer3問題解決方法

我用Geoserver釋出的圖層,裡面遇到的跨域問題,具體解決方案如下。 1.把CORS檔案裡面的解壓檔案org放到D:\GeoServer 2.7.2\webapps\geoserver\WEB-INF\classes目下 2.修改D:\GeoServer 2.7.2\w

解決ajax方法原理詳解之Cors方法

詳細 不同 htm 渲染 jsonp del 需要 methods href 1、神馬是跨域(Cross Domain) 對於端口和協議的不同,只能通過後臺來解決。 一句話:同一個ip、同一個網絡協議、同一個端口,三者都滿足就是同一個域,否則就是 跨域問題了。而為

瀏覽器同源政策及其規避方法,解決

瀏覽器安全的基石是”同源政策”(same-origin policy)。很多開發者都知道這一點,但瞭解得不全面。   本文詳細介紹”同源政策”的各個方面,以及如何規避它。   一、概述   1.1 含義   1995年,同

解決ajax方法原理詳解

1、神馬是跨域(Cross Domain) 對於埠和協議的不同,只能通過後臺來解決。 一句話:同一個ip、同一個網路協議、同一個埠,三者都滿足就是同一個域,否則就是 跨域問題了。而為什麼開發者最初不直接定為一切可跨域的呢?預設的為什麼都是不可跨域呢?這就涉及到了同

解決前端問題方法之一配置Apache反向代理拿介面資料

反向代理的原理圖解 由於跨域阻止了我們資料請求,所以轉變思路,我們不傳送跨域請求了,直接請求當前域名中的內容 伺服器在接收到資料請求之後將資料請求轉發給介面伺服器 介面伺服器先將資料返回給web伺服器 web伺服器再將介面伺服器返回的資料轉發給瀏覽器 從stud

JSON解決方案收集

get ogl obb 本地 allow con mesa 跨域請求 loader 最近面試問的挺多的一個問題,就是JavaScript的跨域問題。在這裏,對跨域的一些方法做個總結。由於瀏覽器的同源策略,不同域名、不同端口、不同協議都會構成跨域;但在實際的業務中,很多

前端如何去做解決方案

時也 for 前後端 define 影響 list nts 告訴 iframe 前言 那些你,你常用的跨域解決方案除了jsonp 之外,還有其他的嗎?今日早讀文章可以告訴你,本文由 金蝶 @scq000授權分享。 正文從這開始~ 瀏覽器在請求不同域的資源時,會因為同源策略的

前端常見解決方案(全)

-type crm api war str bsp 斷開 jquery 數據塊 什麽是跨域? 跨域是指一個域下的文檔或腳本試圖去請求另一個域下的資源,這裏跨域是廣義的。 廣義的跨域: 1.) 資源跳轉: A鏈接、重定向、表單提交 2.) 資源嵌入: <link

前端常見解決方案

自定義 兩個 ech cors onload 消息 strong put 普通 什麽是跨域? 跨域是指一個域下的文檔或腳本試圖去請求另一個域下的資源,這裏跨域是廣義的。 廣義的跨域: 1.) 資源跳轉: A鏈接、重定向、表單提交 2.) 資源嵌入:<lin