已拦截跨源请求:同源策略禁止读取位xx域名跨域调用错误处理方法

表现情况,用主机赠送的二级域名可正常显示字体和相关图片,但使用自己的域名绑定后字体和图表无法正常显示(程序中css及js等所有连接都使用的是二级域名调用)通过浏览器调试模式查看报如图错误,

已拦截跨源请求:同源策略禁止读取位xx域名跨域调用错误处理方法

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

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

已拦截跨源请求:同源策略禁止读取位xx域名跨域调用错误处理方法

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

已拦截跨源请求:同源策略禁止读取位xx域名跨域调用错误处理方法

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

已拦截跨源请求:同源策略禁止读取位xx域名跨域调用错误处理方法

 

4.填入需要设置的信息

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

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

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

图一

已拦截跨源请求:同源策略禁止读取位xx域名跨域调用错误处理方法

图二

已拦截跨源请求:同源策略禁止读取位xx域名跨域调用错误处理方法

图三

已拦截跨源请求:同源策略禁止读取位xx域名跨域调用错误处理方法

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

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

已拦截跨源请求:同源策略禁止读取位xx域名跨域调用错误处理方法

<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>

西数超哥学习乐园,西数超哥基础运维经验教程分享的学习乐园,西数超哥博客,运维经验教程交流学习分享的博客

原创文章,作者:zhang sir,如若转载,请注明出处:https://www.ysidc.top/7636.html