当前位置:论坛首页 > Linux面板 > 求助

【已解答】跨域public图片资源这些

发表在 Linux面板2023-10-24 14:42 [复制链接] 1 3949

本帖最后由 堡塔运维香菜卷 于 2023-10-24 14:52 编辑

我这边项目接口已经处理了跨域,但是客户端下载获取public入口目录的资源图片出现跨域问题,这边在网上看需要修改宝塔上面的跨域问题。我再对应项目里面加上了允许跨域,但是不仅没有解决,我的接口也存在了跨域,请问一下如何解决图片这块跨域呢.

Snipaste_2023-10-24_14-43-07.png
使用道具 举报 只看该作者 回复
发表于 2023-10-24 14:52:43 | 显示全部楼层
您好,跨域请求通常是通过代码层面来进行处理使用的,下述是一个nginx处理跨域请求的例子,您可以根据实际情况来进行修改使用。
  1. location / {  
  2.     # 允许跨域的请求,可以自定义变量$http_origin,*表示所有  
  3.     add_header 'Access-Control-Allow-Origin' *;  
  4.     # 允许携带cookie请求  
  5.     add_header 'Access-Control-Allow-Credentials' 'true';  
  6.     # 允许跨域请求的方法:GET,POST,OPTIONS,PUT  
  7.     add_header 'Access-Control-Allow-Methods' 'GET,POST,OPTIONS,PUT';  
  8.     # 允许请求时携带的头部信息,*表示所有  
  9.     add_header 'Access-Control-Allow-Headers' *;  
  10.     # 允许发送按段获取资源的请求  
  11.     add_header 'Access-Control-Expose-Headers' 'Content-Length,Content-Range';  
  12.     # 一定要有!!!否则Post请求无法进行跨域!  
  13.     # 在发送Post跨域请求前,会以Options方式发送预检请求,服务器接受时才会正式请求  
  14.     if ($request_method = 'OPTIONS') {  
  15.         add_header 'Access-Control-Max-Age' 1728000;  
  16.         add_header 'Content-Type' 'text/plain; charset=utf-8';  
  17.         add_header 'Content-Length' 0;  
  18.         # 对于Options方式的请求返回204,表示接受跨域请求  
  19.         return 204;  
  20.     }  
  21. }
复制代码
使用道具 举报 回复 支持 1 反对 0
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

普通问题处理

论坛响应时间:72小时

问题处理方式:排队(仅解答)

工作时间:白班:9:00 - 18:00

紧急运维服务

响应时间:3分钟

问题处理方式:宝塔专家1对1服务

工作时间:工作日:9:00 - 18:30

宝塔专业团队为您解决服务器疑难问题

点击联系技术免费分析

工作时间:09:00至18:30

快速回复 返回顶部 返回列表