1. 程式人生 > >靜態頁面除錯JS出現跨域問題

靜態頁面除錯JS出現跨域問題

chrome瀏覽器或者firefox瀏覽器裡,由於安全限制的原因,本地除錯JS,如果不配伺服器環境而直接開啟頁面,那所有的AJAX操作會丟擲下面錯誤:

XMLHttpRequest cannot load file:///D:/file.html. Origin null is not allowed by Access-Control-Allow-Origin.

Origin null is not allowed by Access-Control-Allow-Origin. 的意思就是由於安全原因瀏覽器不允許跨域訪問。

chromefirfoxopera都出現了這種情況,因為有安全沙箱,它們認為載入本地其它html

檔案為跨域訪問。但是使用IE8就不會出現這種錯誤,很多人不是很理解。

這裡Windows help and support 做出瞭解釋 IE本身也並不是允許跨域的因為這樣很不安全,但是如果不跨域的話又帶來很多不便,所以會讓你手動的選擇一下是否允許跨域。而chromefirfoxopera則預設就是不允許。

其實這個問題,可以通過–disable-web-security 來解決。

具體做法是,選中chrome瀏覽器快捷方式圖示,右鍵選擇屬性,在目標那一欄裡的最後加上這句:–disable-web-security (注意和之前的內容中間加一個空格)
截圖如下:



`然後你通過快捷方式開啟chrome

瀏覽器後,會看到如下提示,說明你設定成功了。

相關推薦

靜態頁面除錯JS出現問題

在chrome瀏覽器或者firefox瀏覽器裡,由於安全限制的原因,本地除錯JS,如果不配伺服器環境而直接開啟頁面,那所有的AJAX操作會丟擲下面錯誤: XMLHttpRequest cannot load file:///D:/file.html. Origin nul

微信授權域名允許子域名,前後端分離nginx做子域名靜態頁面對映,解決nginx以及ajax

因公司需求,前後端需徹底分離,由nginx對映靜態頁面,另外設定節點訪問介面。本來微信授權域是做在介面上的,現在多出h5靜態頁面的域名,網上教程允許子域名授權大多都是配置在授權回撥域名下的頁面多做了一次跳轉,拿到code之後再跳轉到其他域名下的頁面,但是這

Vue.js裡面使用Axios傳送Post請求出現

在Vue.js裡面使用Axios傳送POST請求出現以前跨域的形式:具體報錯如:Failed to load http://192.168.33.10:8009/api/token: Response to preflight request doesn't pass acc

vue.js中使用vueResource向後臺請求資料時出現訪問失敗的問題

最近學習了vue.js,打算試著寫一個個人部落格的系統,後臺使用的是pyramid框架,資料庫用的是mongoDB。 當我在一個單檔案元件中請求後臺提供的介面時,使用了vueResource提供的this.$http方法 出現了No 'Access-Control-All

js實現訪問的幾種方式

bsp 設置 參數 script quest detail XML url 訪問 不同域:協議,域名,端口任何一個不同; 1,jsonp跨域 在js中,我們直接使用XMLHttpRequest請求不同的域上的數據時,是不可以的。但是,在頁面上引用不同域上的js腳本文件確實可

用CORS 解決vue.js django調用

監聽 網頁設計 訪問 eth 調用 http ati rsh 要求 Cross-Origin Resource Sharing(CORS)跨域資源共享是一份瀏覽器技術的規範,提供了 Web 服務從不同域傳來沙盒腳本的方法,以避開瀏覽器的同源策略,是 JSONP 模式的現代版

本地數據訪問時出現問題Cross origin requests are only supported for protocol schemes: ……

sta chrom 問題 跨域 OS alt 快捷方式 req mfile 從桌面找到Chrome圖標,右鍵屬性,快捷方式,起始位置(安裝路徑) 註:在cmd中訪問Program Files文件的方法     %ProgramFiles%=C:\Program Files 

pdf.js如何讀取pdf文件?

earch decode sed 廣州新一代 pla ont end php服務器 ech 今天,上線一個客戶網站之後(使用的是廣州新一代虛擬空間)發現在讀取上傳的pdf文件的時候讀取錯誤,通過直接在瀏覽器輸入文件地址的時候發現文件地址被重定向了(呵呵!),結果就是pdf文

vue調取介面的時候出現

在寫vue專案調取介面的時候出現了跨域問題,先來說一下什麼是跨域吧 跨域:指的是瀏覽器不能執行其他網站的指令碼。它是由瀏覽器的同源策略造成的,是瀏覽器對JavaScript施加的安全限制。 所謂同源是指,域名,協議,埠均相同(這些不說了,可自行百度) 下面來說一下解決辦法,在這裡呢因為是vue專案我直接

vue調取接口的時候出現

console ole 什麽是 先來 script 什麽 con 說了 tle 在寫vue項目調取接口的時候出現了跨域問題,先來說一下什麽是跨域吧 跨域:指的是瀏覽器不能執行其他網站的腳本。它是由瀏覽器的同源策略造成的,是瀏覽器對JavaScript施加的安全限制。 所謂同

從網上下載的web原始碼在Windows下出現問題

從百度下載了UEditor原始碼,發現一個現像:我把demo中的index.html用文字工具開啟另存到同路徑下換個名字比如index2.html,那麼這個index2.html就會出現執行錯誤,而原來的index.html則執行正常。檢視錯誤資訊是iframe跨域訪問被拒絕。那麼index2中

[JS]JSONP訪問百度地圖雲端儲存API

最近在寫一個基於百度地圖API實現的某旅遊村落電子地圖,在訪問百度地圖雲端儲存平臺上的資料表時出現了跨域問題,一開始我使用ajax獲取script,程式碼如下: function showDataz(data) { console.log("收到資料");

node.js+express 問題加了請求頭無效解決Access to XMLHttpRequest at 'xxxx'from'xxx'origin 'xxx' has been blocke

先吧以下程式碼複製下來 /* 解決跨域問題 / app.all(’’, function(req, res, next) { res.header(“Access-Control-Allow-Origin”, “*”); res.header(“Access-Control-Al

【html5】在PHP處理js請求問題:Access-Control-Allow-Origin

在javascript與伺服器的請求中,例如POST。 前提條件:如果你使用了自定義的headers引數content-type,將會被判定為複雜請求。 這時候,在請求資料之前,客戶端會發出一個型別為options的預檢資料。 用來讓伺服器確認此次的請求是否符合安全要求

微信公眾號開發時,前端向後端傳送請求獲取signature和openID時出現錯誤的解決辦法。

微信公眾平臺開發用了前端和後端兩個人,前期開發階段前端就很容易遇到跨域問題,今天在前端向後端傳送請求獲取signature,但是前段老是報錯跨域,接受後端的返回資料失敗怎麼辦呢? 其實很簡單,後端最後返回簽名的程式碼本來是這樣的: System.out.println("

JSONP(JS進行通訊)

  程式碼地址:https://github.com/youaresherlock/HeadFirstHtml5 在閱讀headfirsthtml5時,學習了同源策略以及JSONP。下面我簡單介紹一下: 瀏覽器的同源策略: 同源策略限制了從同一個源載入的文件或指

JS 解決彙總

什麼是跨域? 在瞭解跨域之前,首先要知道什麼是同源策略(same-origin policy)。簡單來講同源策略就是瀏覽器為了保證使用者資訊的安全,防止惡意的網站竊取資料,禁止不同域之間的JS進行互動。對於瀏覽器而言只要域名、協議、埠其中一個不同就會引發同源策略

解決基於angular5開發的ionic3使用http的post訪問ssm框架出現請求失敗的問題

  安裝angular的時候已經是6了,實際學習的視訊是angular4的,碰到的坑的確很多,當我學到ionic3的時候,需要通過http的post方式訪問自己編寫的ssm框架的後端時,發現谷歌瀏覽器控制檯報跨域請求被禁止的錯誤。網上所搜了一堆解決辦法,耗時一天半的時間,終於

js常見問題及解決方法

什麼是跨域? 概念:只要協議、域名、埠有任何一個不同,都被當作是不同的域。 URL 說明 是否允許通訊 http://www.a.com/a.js http://www.a.com/b.js 同一域名下

node.js解決,express是基於webpack中的處理方式

<script language="javascript" type="text/javascript"> function login(){ var code=escape($("#username").val()); var co = hex