js資源跨域訪問的問題
最近用cesium載入自己釋出的WMS底圖服務,遇到資源跨域報錯,主要是沒設定資源跨域訪問,查了一些資料,這裡總結一下:
1.Tomcat6、Tomcat7釋出的資源跨域設定:
需要下載cors-filter-1.7.jar、Java-property-utils-1.9.jar這兩個庫檔案,放到tomcat的lib目錄下,然後配置專案的web.xml檔案,在web.xml中新增如下內容:(注意在web.xml中的web-app標籤下首位的位置新增)
<filter>
<filter-name>CORS</filter-name>
<filter-class>com.thetransactioncompany.cors.CORSFilter</filter-class>
<init-param>
<param-name>cors.allowOrigin</param-name>
<param-value>*</param-value>
</init-param>
<init-param>
<param-name>cors.supportedMethods</param-name>
<param-value>GET, POST, HEAD, PUT, DELETE</param-value>
</init-param>
<init-param>
<param-name>cors.supportedHeaders</param-name>
<param-value>Accept, Origin, X-Requested-With, Content-Type, Last-Modified</param-value>
</init-param>
<init-param>
<param-name>cors.exposedHeaders</param-name>
<param-value>Set-Cookie</param-value>
</init-param>
<init-param>
<param-name>cors.supportsCredentials</param-name>
<param-value>true</param-value>
</init-param>
</filter>
<filter-mapping>
<filter-name>CORS</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>
2.IIS釋出的資源跨域設定
控制皮膚>系統和安全>管理工具>IIS管理器(win7下),點開Internet資訊服務(IIS)管理,找到 HTTP 相應標頭,在標頭中增加屬性Access-Control-Allow-Headers值為Content-Type, api_key, Authorization,以及屬性Access-Control-Allow-Origin值為*,確定。
相關文章
- 解決JS跨域訪問的問題JS跨域
- Nginx解決前端訪問資源跨域問題Nginx前端跨域
- 跨源通訊、跨域訪問跨域
- js -- 跨域問題JS跨域
- js跨域問題JS跨域
- JS中的跨域問題JS跨域
- 搞懂:前端跨域問題JS解決跨域問題VUE代理解決跨域問題原理前端跨域JSVue
- 深入跨域問題(1) - 初識 CORS 跨域資源共享跨域CORS
- Angular應用解決跨域訪問的問題Angular跨域
- 詳解JS跨域問題JS跨域
- localStorage 跨域訪問跨域
- 防止跨域問題無法訪問網址跨域
- 解決Django本地介面不能跨域訪問的問題Django跨域
- WebView與JS、Ajax跨域問題WebViewJS跨域
- iframe 元素跨域訪問跨域
- 跨域問題跨域
- 深入跨域問題(3) – 利用 JSONP 解決跨域跨域JSON
- 深入跨域問題(3) - 利用 JSONP 解決跨域跨域JSON
- 比nestjs更優雅的ioc:跨模組訪問資源JS
- NodeJS+Express遇到的跨域問題NodeJSExpress跨域
- 同源策略和跨域訪問跨域
- IE中iframe跨域訪問跨域
- AJAX 跨域問題跨域
- VUE跨域問題Vue跨域
- djangorestjwtvue跨域問題DjangoRESTJWTVue跨域
- 前端跨域問題前端跨域
- Ajax跨域問題跨域
- Nginx跨域問題Nginx跨域
- 跨域問題(普通跨域和springsecurity跨域)跨域SpringGse
- js跨域資源共享JS跨域
- ajax跨域訪問時,set-cookie無效問題的解決跨域Cookie
- JSONP解決跨域請求問題JSON跨域
- JQuery Ajax跨域的問題jQuery跨域
- 關於跨域的問題跨域
- Laravel API 允許跨域訪問LaravelAPI跨域
- Go Gin 允許跨域訪問Go跨域
- 跨域訪問實現依據跨域
- 跨域問題及Umi中使用proxy代理解決跨域問題跨域