ajax本地跨域問題

2021-08-15 22:50:41 字數 991 閱讀 5839

當我們在本地進行類似於ajax的get或者post的操作時,通常都會報錯

報錯資訊:jquery.js:5785 xmlhttprequest cannot load file:///c:/users/alex/desktop/testfileupload/rotate/jsonp/remote.js?code=ca1998&callback=flighthandler. cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.

這個是ajax本地跨域問題。本地頁面ajax()請求本地檔案時,必須通過伺服器環境執行,類似這樣:

如果沒有在伺服器環境裡執行含有ajax方法的頁面,而是直接通過瀏覽器開啟,就會報出上述的error。

從根本上來解決的話就是搭建本地伺服器環境。

安裝成功後可以在命令提示符下,輸入 node -v來檢視它的版本號 來判斷是否安裝成功

第二步:輸入cnpm install anywhere -g

這個步驟是利用node js anywhere來搭建伺服器,用cnpm是因為有時候會翻牆失敗,而且訪問外網也比較慢。使用**映象會比較快也穩定。

第三步:用cd進入要搭建伺服器的資料夾

apache vue跨域 VUE本地跨域解決方案

我們前端使用介面時,時常遇到跨域問題,一般都是後台設定開放訪問許可權解決跨域,如果後台不配合或者為了安全問題而不能開放許可權,那麼我們前端只能自己解決跨域問題了!直接再問vue中使用nodejs進行 就可以解決跨域問題。1 首先找到專案所在的config檔案下的index.js,開啟此檔案 2 找到...

解決本地除錯導致的Ajax跨域問題

本地寫的ajax在chrom測試報下面錯誤 以上錯誤提示是由於ajax方法涉及到 跨域 的問題導致!由於該沒有在伺服器環境裡執行含有ajax方法的頁面,而是直接通過瀏覽器開啟 類似file 的訪問形式,即file協議 本地頁面ajax 請求本地頁面,須通過伺服器環境執行,類似這樣 本地配置成伺服器環...

ajax跨域問題

ajax跨域和js的跨域通訊 cross the site 的幾種解決方案 1.什麼引起了ajax跨域不能的問題 ajax本身實際上是通過xmlhttprequest物件來進行資料的互動,而瀏覽器出於安全考慮,不允許js 進行跨域操作,所以會警告。2.有什麼完美的解決方案麼?沒有。解決方案有不少,但...