nginx 解決圖片跨域問題
server {
listen 80;
server_name static.xx.com;
location ~* \.(html|htm|shtml|zip|rar|doc|docx|xls|xlsx|ppt|ppts|gif|jpg|jpeg|png|bmp|swf|ico|js|css)$ {
root /data/htdocs/xx;
add_header Access-Control-Allow-Origin *;
add_header Access-Control-Allow-Headers X-Requested-With;
add_header Access-Control-Allow-Methods GET,POST,OPTIONS;
}
重點是新增
標註的紅色區域就是解決圖片跨域訪問如下
add_header Access-Control-Allow-Origin *;
add_header Access-Control-Allow-Headers X-Requested-With;
add_header Access-Control-Allow-Methods GET,POST,OPTIONS;
相關文章
- Nginx解決前端跨域問題 CORS跨域配置Nginx前端跨域CORS
- nginx /Java 解決跨域問題方案NginxJava跨域
- nginx代理天地圖做快取解決跨域問題Nginx地圖快取跨域
- 使用Nginx來解決跨域的問題Nginx跨域
- 詳解nginx代理天地圖做快取解決跨域問題Nginx地圖快取跨域
- Nginx解決前端訪問資源跨域問題Nginx前端跨域
- Nginx 配置 Vue 專案解決跨域問題NginxVue跨域
- Nginx跨域問題Nginx跨域
- Vue 跨域問題解決辦法 Vue 配置防止跨域 nginx 重定向防止跨域Vue跨域Nginx
- 解決跨域問題跨域
- Nginx 反向代理解決跨域問題Nginx跨域
- 搞懂:前端跨域問題JS解決跨域問題VUE代理解決跨域問題原理前端跨域JSVue
- 解決canvas合成圖片大小錯誤、模糊以及跨域的問題Canvas跨域
- 跨域CORS圖片上傳問題跨域CORS
- 前端跨域問題解決方案(基於node與nginx)前端跨域Nginx
- WebSocket跨域問題解決Web跨域
- Java解決跨域問題Java跨域
- Flask解決跨域問題Flask跨域
- CROS 解決跨域問題ROS跨域
- SignalR跨域問題解決SignalR跨域
- cors解決跨域問題CORS跨域
- Luffy - 解決跨域問題跨域
- Nginx 反向代理解決跨域問題分析Nginx跨域
- 前端常見問題——Canvas 圖片跨域前端Canvas跨域
- 深入跨域問題(3) – 利用 JSONP 解決跨域跨域JSON
- 深入跨域問題(3) - 利用 JSONP 解決跨域跨域JSON
- 深入跨域問題(2) - 利用 CORS 解決跨域跨域CORS
- 跨域問題及解決方案跨域
- 輕鬆解決跨域問題跨域
- thinkphp 5 跨域問題解決PHP跨域
- JAVA | Java 解決跨域問題Java跨域
- 跨域問題解決辦法跨域
- SpringBoot跨域問題解決方案Spring Boot跨域
- 解決JS跨域訪問的問題JS跨域
- vue webpack配置解決跨域問題VueWeb跨域
- 前端跨域問題及其解決方案前端跨域
- Flutter Web 跨域問題解決方案FlutterWeb跨域
- 跨域問題,解決方案 – CORS方案跨域CORS