問題描述

創(chuàng)新互聯(lián)公司成都網(wǎng)站建設按需開發(fā)，是成都營銷推廣公司,為成都發(fā)電機租賃提供網(wǎng)站建設服務,有成熟的網(wǎng)站定制合作流程，提供網(wǎng)站定制設計服務：原型圖制作、網(wǎng)站創(chuàng)意設計、前端HTML5制作、后臺程序開發(fā)等。成都網(wǎng)站設計熱線：028-86922220

前端 vue 框架，后臺 php，百度跨域問題后臺加這段代碼

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

加了之后報這個錯：

The value of the 'Access-Control-Allow-Origin' header in the response must not be the wildcard '*' when the request's credentials mode is 'include'.
The value of the 'Access-Control-Allow-Origin' header in the response must not be the wildcard '*' when the request's credentials mode is 'include'.

解決辦法

文章鏈接：CORS: credentials mode is ‘include'

xhrFields: {
 withCredentials: false
},

把 withCredentials: true 改成 withCredentials: false，如果你沒加上面那段代碼當然也不會報這個錯。雖然是解決方法很簡單，但經(jīng)此發(fā)現(xiàn)許多知識沒掌握不得不梳理下。

•HTTP 請求方式有許多種，有些請求會觸發(fā) CORS 預檢請求。“需預檢的請求”會使用 OPTIONS 方法發(fā)起一個預檢請求到服務器，以獲知服務器是否允許該實際請求。

•對于跨域請求瀏覽器一般不會發(fā)送身份憑證信息。如果要發(fā)送憑證信息，需要設置 XMLHttpRequest 的 withCredentials 屬性為 true：withCredentials: true。此時要求服務器的響應信息中攜帶 Access-Control-Allow-Credentials: true，否則響應內(nèi)容將不會返回。

•對于攜帶身份憑證的請求，服務器不得設置 Access-Control-Allow-Origin 的值為“*”。因為請求頭攜帶了 Cookie 信息。要將 Access-Control-Allow-Origin 的值設置為 http://www.zrt.local:8080。

•另外，響應頭中也攜帶了 Set-Cookie 字段，嘗試對 Cookie 進行修改。如果操作失敗，將會拋出異常。

跨域請求想要帶上 cookies 必須在請求頭里面加上：

crossDomain: true, 
xhrFields: {
  withCredentials: true
}

又變成文章開頭的問題了，解決辦法：

后臺代碼：

Access-Control-Allow-Origin: 'http://www.zrt.local:8080'
Access-Control-Allow-Credentials: true

前端代碼：

crossDomain: true, 
xhrFields: {
  withCredentials: true
}

跟之前一樣就行了。

總結

以上所述是小編給大家介紹的Vue 項目中遇到的跨域問題及解決方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對創(chuàng)新互聯(lián)網(wǎng)站的支持！

分享標題：Vue項目中遇到的跨域問題及解決方法(后臺php)
文章路徑：http://www.chinadenli.net/article24/piiije.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站策劃、域名注冊、自適應網(wǎng)站、外貿(mào)建站、營銷型網(wǎng)站建設、網(wǎng)站營銷

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)