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

2021-08-03 09:16:00 字數 372 閱讀 6375

本地寫的ajax在chrom測試報下面錯誤:

以上錯誤提示是由於ajax方法涉及到 跨域 的問題導致!

由於該網友沒有在伺服器環境裡執行含有ajax方法的頁面,而是直接通過瀏覽器開啟(類似file:///的訪問形式,即file協議)

本地頁面ajax()請求本地頁面,須通過伺服器環境執行,類似這樣:

本地配置成伺服器環境:

進入tomcat的安裝目錄下的bin目錄,雙擊startup.bat,執行tomcat(我這裡沒有配置環境變數)

訪問一下 出現了這個頁面。說明tamcat啟動成功

本地除錯 Chrome支援Ajax跨域

ajax本身是不支援跨域的,跨域問題其實很簡單,通過瀏覽器的相應設定可以完成兩個不同的伺服器或兩個不同服務下的專案互相訪問。希望大家給予評價及投票。1首先谷歌快捷方式上右擊,在下拉列表中選擇屬性。2開啟屬性視窗,切換到快捷方式選項卡下面,預設是常規選項卡。34 點選應用,然後點選確定關閉視窗。5如果...

本地vue除錯解決跨域問題

本地vue調api介面的時候,要注意跨域訪問的問題 一.首先在config目錄下新建乙個js檔案,proxyconfig.js 二.proxyconfig.js檔案內容 module.exports 三.config index.js檔案引入新增的proxyconfig.js檔案 var proxy...

webpack解決本地開發除錯跨域問題

目錄在本地開發除錯中,我們訪問非localhost的位址會引起跨域問題,可以使用 webpack dev server 內建的 參考 傳送門 webpack.config.js新增 devserver var config output devserver externals module.expo...