前端使用图标CSS比如奥森图标,跨域名访问导致access-control-allow-origin的解决方案

分类栏目:帝国学院

发布于

前提:服务端网站的配置(被请求的网站)

1.需要在IIS服务器站点的功能视图中设置HTTP响应标头:

 

2.双击“HTTP响应标头”进入设置界面

3.点击右侧添加按钮弹出窗口

 

 

4.填入需要设置的信息

 名称:Access-Control-Allow-Origin  值:*(或是网站域名)

 名称:Access-Control-Allow-Methods 值:GET, POST, PUT, DELETE, OPTIONS

 名称:Access-Control-Allow-Headers 值:Content-Type

图一

 

图二

 

图三

 

现在就可以使用jquery:ajax访问本站点的相关服务的信息了!

另外也可以在服务端的webconfig里配置:

 

<system.webServer>
<httpProtocol>
<customHeaders>
<add name="Access-Control-Allow-Origin" value="*"/>
<add name="Access-Control-Allow-Methods" value="GET,POST,PUT,DELETE,OPTIONS"/>
<add name="Access-Control-Allow-Headers" value="Content-Type"/>
</customHeaders>
</httpProtocol>
</system.webServer>

查看原内容