web中请求远程图片或json跨域问题

web中请求远程图片或json出现跨域问题(调试时浏览器出现类似 cross orgin等字眼)应当怎么处理呢?

应当设置存放图片和数据的远程服务器,而不是捣鼓我们本身这个网站

,捣鼓我们这些运行在浏览器的JS。浏览器默认就是支持跨域请求的,只不过当浏览器发现服务器返回的白名单中没有咱们网站,就强迫报错而已。浏览器是个很死板的东东,同源策略也是它的强迫症。

那么,怎么设置服务器呢?

1、IIS

如果服务器的web服务器软件是IIS,那么在网站或网站项目的根目录下设置一下web.config:

<configuration>
  <system.webServer>
        <httpProtocol>
            <customHeaders>
			  <clear />
			  <add name="Access-Control-Allow-Origin" value="*" />
            customHeaders>
        httpProtocol>
  system.webServer>
configuration>	

2、如果是tomcat

应该跟IIS类似吧,我还没测试过。但同事直接在返回数据的控制器(SpringBoot项目)上加标注:
web中请求远程图片或json跨域问题_第1张图片

你可能感兴趣的:(Web,跨域,cross,orgin)