亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

php后端控制可跨域的域名,允許圖片跨域上傳

Dean / 3050人閱讀

摘要：跨域問題經(jīng)常需要面對，前端需要做的比較直接要么選擇異步提交，或者，要么表單提交基本可以搞定大部分跨域問題，但問題也比較明顯，只能通過方式提交并且是通過把參數(shù)拼到上提交請求的但是所有瀏覽器有長度限制，不同瀏覽器長度限制不一樣當(dāng)出現(xiàn)要提交大段落

跨域問題經(jīng)常需要面對，前端需要做的比較直接
要么選擇ajax異步提交，XML或者jsonp，要么表單提交

jsonp基本可以搞定大部分跨域問題，但問題也比較明顯，只能通過get方式提交
并且jsonp是通過把參數(shù)拼到URL上提交請求的
但是所有瀏覽器有URL長度限制，不同瀏覽器長度限制不一樣
當(dāng)出現(xiàn)要提交大段落內(nèi)容的時(shí)候，比如說文章，用jsonp的話超出長度只能分割提交
很麻煩，而且說到底對安全性有些影響
而且axiox現(xiàn)在也不支持jsonp了，雖然有方式解決

尤其是圖片類的資源上傳，無法很好的用jsonp之類的方法實(shí)現(xiàn)

需要圖片上傳跨域的場景

當(dāng)然可以不跨域最好不跨域，但是目前大部分項(xiàng)目都已經(jīng)前后端分離了
靜態(tài)資源和接口分別是不同的域名或者二級域名，這樣就涉及到了跨域
如果是資源上傳，跨域的時(shí)候需要后端Access-Control-Allow-Origin和當(dāng)前請求的Origin一樣,不能設(shè)置為*

php解決方法

如果是傳統(tǒng)數(shù)據(jù)請求，那后端直接將Access-Control-Allow-Origin設(shè)置為*就好

 header("Access-Control-Allow-Origin:*");

但圖片之類的資源上傳Origin需要跟Access-Control-Allow-Origin的值一樣
如果設(shè)置Access-Control-Allow-Origin跟當(dāng)前的Origin一樣的話就限制死了能上傳的域名只有一個(gè)
要有其他域名需要調(diào)用這個(gè)接口的話就會(huì)被禁止

所以最好的方法就是限定能夠調(diào)用這個(gè)接口的域名列表，也提高了一定的安全性

做法就是先獲取當(dāng)前請求的Origin，如果在允許訪問的域名列表里
就將Access-Control-Allow-Origin的值設(shè)置為當(dāng)前請求的Origin

$originList = [
    "http://127.0.0.1",
    "http://www.linkvall.cn",
    "http://mobile.linkvall.cn",
];
if(in_array($_SERVER["HTTP_ORIGIN"], $originList)){
    header("Access-Control-Allow-Origin:".$_SERVER["HTTP_ORIGIN"]);
    header("Access-Control-Allow-Credentials: true");
    header("Access-Control-Allow-Headers:x-requested-with,content-type");
    header("Access-Control-Allow-Methods: POST,GET，OPTIONS");
}

這樣就能控制可以跨域的域名了，圖片類資源就能像同域一樣開心的上傳上來了
post方式跨域提交同樣適用

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/29619.html

相關(guān)文章

  • WEB之常見工作問題總結(jié)（1-20）

    摘要：第三種，使用格式，即在中請求參數(shù)處理跨域問題當(dāng)然請求方式只能是。最后發(fā)現(xiàn)有網(wǎng)友說版本不穩(wěn)定引起的，于是把百度地圖回退到了，結(jié)果還真是可以了。請問在移動(dòng)端頁面中播放優(yōu)酷里面的視頻，怎樣實(shí)現(xiàn) 1.web掃碼登錄怎么實(shí)現(xiàn)，思路 步驟 WEB平臺(tái) 手機(jī) 第1步 生成二維碼 第2步 （ajax監(jiān)控后臺(tái)） 掃碼 第3步 ...

    genedna 評論0 收藏0

  • js跨域問題及常用的兩種解決方案

    摘要：類似這樣而在客戶端我們只需要定義一個(gè)預(yù)定好的回調(diào)函數(shù)即可。處理跨域請求得到的數(shù)據(jù)其中的是我們在客戶端定義好的在數(shù)據(jù)請求成功后要執(zhí)行的回調(diào)函數(shù)。 跨域產(chǎn)生的原因 跨域是由瀏覽器的同源策略引起的，即不同源（協(xié)議,域名,端口中其中有一個(gè)不同）的js是不能讀取對方的資源的。當(dāng)要網(wǎng)站中的js要請求其他網(wǎng)站的數(shù)據(jù)時(shí)就會(huì)產(chǎn)生跨域問題，就像下面這樣，瀏覽器會(huì)報(bào)錯(cuò)。 showImg(https://se...

    gyl_coder 評論0 收藏0

  • AJAX原理與CORS跨域

    摘要：同源策略指的是當(dāng)前頁面和目標(biāo)協(xié)議域名和端口均相同。發(fā)出請求的頁面所在域。響應(yīng)的頭部信息在后端處理，不在此處講解。該事件會(huì)在數(shù)據(jù)接收期間不斷觸發(fā)，但間隔不確定。服務(wù)器確認(rèn)允許之后，才發(fā)起實(shí)際的請求。 ajax作為前端開發(fā)必需的基礎(chǔ)能力之一，你可能會(huì)使用它，但并不一定懂得其原理，以及更深入的服務(wù)器通信相關(guān)的知識(shí)。在最近兩天的整理過程中，看了大量的文章，發(fā)現(xiàn)自己的后端能力已經(jīng)限制自己在網(wǎng)絡(luò)通...

    jeyhan 評論0 收藏0

  • 前端跨域方法論

    摘要：說明是否允許通訊同一域名允許同一域名下的不同文件夾允許不同端口號不允許不同協(xié)議不允許不同域名不允許主域相同，子域不同不允許跨域解決方案由于瀏覽器同源策略是允許標(biāo)簽這樣的跨域資源嵌套的，所以標(biāo)簽的資源不受同源策略的限制。 前言 本著學(xué)習(xí)和總結(jié)的態(tài)度寫的技術(shù)輸出，文中有任何錯(cuò)誤和問題，請大家指出。更多的技術(shù)輸出可以查看我的 github博客。 整理了一些前端的學(xué)習(xí)資源，希望能夠幫助到有需要...

    leejan97 評論0 收藏0

  • 徹底弄懂跨域問題

    摘要：瀏覽器同源策略我們?yōu)楹我芯靠缬騿栴}因?yàn)闉g覽器的同源策略規(guī)定某域下的客戶端在沒明確授權(quán)的情況下，不能讀寫另一個(gè)域的資源。 跨域，老生常談的問題 簡述 作為一只前端菜鳥，跨域方面只懂得JSONP和CORS，并未曾深入了解。但隨著春招越來越近，就算是菜鳥也要猛振翅膀。近幾日仔細(xì)研究了跨域問題，寫下這篇文章，希望對開發(fā)者們有所幫助。在讀本文前，希望您對以下知識(shí)略有了解。 瀏覽器同源策略 n...

    CoorChice 評論0 收藏0

發(fā)表評論

0條評論

最新活動(dòng)
閱讀需要支付1元查看
<