本文的方法實用于本地調試瀏覽器的設置，如果想要徹底解決需要使用 CORS（跨域資源共享）

[ 相關文章 ]
Python 使用 CORS 跨域資源共享解決 flask 服務器跨域問題、瀏覽器同源策略

正文：
a 地址下訪問 b 地址，即使 ip 相同，端口不一樣也不行，涉及跨域問題，也屬于 chrome 的同源策略。
報錯截圖：

報錯詳細信息：

Access to XMLHttpRequest at 'http://127.0.0.1:15004/get_data' from origin 'http://localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Chart.vue?36ee:658 Error: Network Errorat createError (createError.js?2d83:16:1)at XMLHttpRequest.handleError (xhr.js?b50d:117:1) xhr.js?b50d:210 GET http://127.0.0.1:15004/get_data net::ERR_FAILED 200

解決方法：
新建一個快捷方式，右鍵屬性的目標里加入如下參數 --disable-web-security --user-data-dir="D:\work\new_chrome"
注意參數的前面有個空格。
后面的參數是指定一個配置信息存儲路徑，相當于新開一個瀏覽器。如果不指定存儲路徑，先關閉已經打開的瀏覽器，再用快捷方式打開應該也行。

再次打開瀏覽器后上面會有個安全提示。
再次涉及跨域的話就不會報錯了。

目前測試的版本是 100.0.4896.60。

[ 文章推薦 ]
每日一練：Python 國內疫情數據爬取與地圖繪制

喜歡的點個贊?吧！

總結

以上是生活随笔為你收集整理的新版本Chrome同源策略、跨域问题处理No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。