快捷導(dǎo)航

IIS的web.config中跨域訪問(wèn)設(shè)置方法

更新時(shí)間：2021年04月08日 00:24:34 投稿：mdxy-dxy

今日碰到一個(gè)問(wèn)題，就是在很久以前碰到的跨域問(wèn)題，這里為大家分享一下,需要的朋友可以參考下

需求：頁(yè)面要顯示1個(gè)圖片，但是因?yàn)楦鞣N原因，導(dǎo)致圖片在服務(wù)器2上，但是要展示的程序在服務(wù)器1 的上面，這樣就造成了在顯示的時(shí)候出現(xiàn)了跨域的問(wèn)題，本來(lái)的思路為直接寫(xiě)個(gè)程序進(jìn)行后臺(tái)獲得圖片的路徑，然后把圖片進(jìn)行下載出來(lái)，然后返回服務(wù)器1的圖片地址，但是，由于這個(gè)周期不確定性和現(xiàn)階段項(xiàng)目的緊迫性，就放棄了。轉(zhuǎn)為第2中方式，通過(guò)js 把圖片下載到服務(wù)器上。。找了下資料和別人溝通了下后，發(fā)現(xiàn)不能實(shí)現(xiàn)，然后準(zhǔn)備用js+canvas 進(jìn)行實(shí)現(xiàn)保存到本地，然后發(fā)現(xiàn)好像只能實(shí)現(xiàn)保存到本地。然后問(wèn)題又回到了原點(diǎn)：就是能不能在網(wǎng)站圖片已經(jīng)存在的情況下，直接的引入，然后查閱了資料并仔細(xì)分析后經(jīng)過(guò)測(cè)試調(diào)試通了準(zhǔn)確的實(shí)現(xiàn)了圖片的引入的問(wèn)題。

過(guò)程：跨域解決圖片引入

結(jié)果：進(jìn)行更改webconfig 的設(shè)置進(jìn)行跨域的問(wèn)題的設(shè)置的解決

<?xml version="1.0" encoding="utf-8"?>
 
<!--
  有關(guān)如何配置 ASP.NET 應(yīng)用程序的詳細(xì)消息，請(qǐng)?jiān)L問(wèn)
  http://go.microsoft.com/fwlink/?LinkId=169433
  -->
 
<configuration>
    <system.web>
        <compilation debug="true" targetFramework="4.0" />
  <customErrors mode="Off"/> 這里進(jìn)行在外網(wǎng)的情況下也可以進(jìn)行看到錯(cuò)誤日志
     	<webServices>  
       	  <protocols>  
          	<add name="HttpGet"/>  
          	<add name="HttpPost"/>  
        	</protocols>  
      	</webServices>
 
    </system.web>
  <system.webServer>  
    <httpProtocol>   
    <customHeaders>   
      <add name="Access-Control-Allow-Methods" value="OPTIONS,POST,GET"/>   
      <add name="Access-Control-Allow-Headers" value="x-requested-with,content-type"/>   
      <add name="Access-Control-Allow-Origin" value="*，http://192.168.0.178:8068" />   
    </customHeaders>   
  </httpProtocol>   
  
  </system.webServer>

主要如上進(jìn)行設(shè)置的跨域的允許訪問(wèn)的開(kāi)啟的限制的問(wèn)題

這樣的話，就可以在服務(wù)器1的時(shí)候進(jìn)行展示圖片的時(shí)候進(jìn)行展示的時(shí)候進(jìn)行解決跨域的問(wèn)題

IIS的web.config中跨域設(shè)置方法

在網(wǎng)站開(kāi)發(fā)中，有時(shí)會(huì)有跨域的需求，那么IIS如何設(shè)置跨域呢？我們直接在web.config文件中配置即可,設(shè)置方法如下：

<system.webServer>
  <httpProtocol>
    <customHeaders>
      <add name="Access-Control-Allow-Methods" value="OPTIONS,POST,GET"/>
      <add name="Access-Control-Allow-Headers" value="x-requested-with"/>
      <add name="Access-Control-Allow-Origin" value="*" />
    </customHeaders>
  </httpProtocol>
</system.webServer>

通過(guò)對(duì)web.config以上的設(shè)置，我們就可以實(shí)現(xiàn)網(wǎng)站的跨域了。

下面為大家分享跨域 iis webconfig iis中設(shè)置方法

設(shè)置Access-Control-Allow-Origin

打開(kāi)IIS，找到“HTTP響應(yīng)標(biāo)頭”點(diǎn)進(jìn)去，

在右側(cè)可以看到添加，然后添加如下標(biāo)頭即可

Access-Control-Allow-Headers：Content-Type, api_key, Authorization

Access-Control-Allow-Origin：*

如下

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

到此這篇關(guān)于IIS的web.config中跨域訪問(wèn)設(shè)置方法的文章就介紹到這了,更多相關(guān)IIS跨域訪問(wèn)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！