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

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

浏览次数:
作者: 墨鱼
信息来源: 本站原创
更新日期: 2016-10-22 01:25:21
文章简介

前端采用奥森图标CSS,实现视觉效果的优化。针对跨域名访问问题,可配置CORS策略,允许指定来源的访问。通过合理设置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>

用最少的代码实现对联广告!
« 上一篇 2016年09月18日
Html页面高度导致抖动问题的原因以及解决方案(CSS方案)
下一篇 » 2016年12月15日

如本文对您有帮助,就请墨鱼抽根烟吧!