1. 程式人生 > >C# MVC js 跨域

C# MVC js 跨域

iis服務器 .net headers 控制臺 bsp info tom protoc 服務器

js 跨域:

第一種解決方案(服務端解決跨域問題):

跨域是瀏覽器的一種安全策略,是瀏覽器自身做的限制,不允許用戶訪問不同域名或端口或協議的網站數據。
只有域名(主域名【一級域名】和二級域名)、端口號、協議 完全相同的時候,才允許通信。

A:ASP.Net 語言解決方法

1.IIS服務器,找到需要跨域的網站--》點擊HTTP響應頭

--》添加Access-Control-Allow-Origin:*

技術分享圖片

技術分享圖片

2.或者在需要跨域訪問的項目web.config 文件夾裏面添加

1  <system.webServer>
2         <httpProtocol>
3
<customHeaders> 4 <add name="Access-Control-Allow-Origin" value="*" /> 5 </customHeaders> 6 </httpProtocol> 7 </system.webServer>

在任意的項目裏面建立Html頁面。

html頁面:

 1     <script src="jquery-3.3.1.js"></script>
 2
<script> 3 $(function () { 4 $(#btn).click(function () { 5 var url = http://192.168.10.99:8000/atapi/hello/; 6 $.ajax(url, { 7 data: {}, 8 success: function (data) { 9 console.log(JSON.stringify(data, null
, 4)); 10 } 11 }) 12 }) 13 }); 14 </script>
接口 http://192.168.10.99:8000/atapi/hello/ 返回數據以及格式 如下

技術分享圖片

跨域成功。

html頁面控制臺打印數據如下:

技術分享圖片

C# MVC js 跨域