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>	
1
2
3
4
5
6
7
8
9
10

2、如果是tomcat

应该跟IIS类似吧，我还没测试过。但同事直接在返回数据的控制器（SpringBoot项目）上加标注：