惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

The GitHub Blog
The GitHub Blog
博客园 - 三生石上(FineUI控件)
V
V2EX
博客园 - 司徒正美
小众软件
小众软件
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
T
Tailwind CSS Blog
Last Week in AI
Last Week in AI
雷峰网
雷峰网
月光博客
月光博客
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
Apple Machine Learning Research
Apple Machine Learning Research
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
S
SegmentFault 最新的问题
美团技术团队
Hugging Face - Blog
Hugging Face - Blog
WordPress大学
WordPress大学
宝玉的分享
宝玉的分享
爱范儿
爱范儿
博客园 - 聂微东
量子位
J
Java Code Geeks
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
Vercel News
Vercel News

Nic Lin's Blog

謝明真 - 高效領導力的課後筆記 NFT 開發實戰!基礎智能合約入門 (3) NFT 開發實戰!基礎智能合約入門 (2) NFT 開發實戰!基礎智能合約入門 (1) 如何自我檢測 log4j CVE 漏洞 Rails 如何在資料寫入時記錄來源 IP 位置 如何經營工程師 Youtube 頻道 - Part 8 營收篇 如何經營工程師 Youtube 頻道 - Part 7 酸民文化篇 如何經營工程師 Youtube 頻道 - Part 5 設備器材篇 如何經營工程師 Youtube 頻道 - Part 4 後製剪輯篇 如何經營工程師 Youtube 頻道 - Part 3 文案企劃篇 如何經營工程師 Youtube 頻道 - Part 2 設備器材篇 如何經營工程師 Youtube 頻道 - Part 1 制訂頻道方向篇 如何經營工程師 Youtube 頻道 - Part 0 Rails 中避免 race condition 的最佳實踐(二) Rails 中避免 race condition 的最佳實踐(一) 10 分鐘整合 google sheet 做自動化開發功能週報 經營 Side Project 300 天所帶來的收穫及挑戰 我的 Youtube 影片製作流程 API 設計時必須注意的 HTTP header 底線問題 如何提升你的程式可讀性之實務技巧(三) 如何提升你的程式可讀性之實務技巧(二) 如何提升你的程式可讀性之實務技巧(一) Ruby 中使用 freeze 優化效能的時機 避免 React 中的 useEffect 無限 render 在 Rails 內輕量使用 Vue Component 的最佳實踐 如何在區域網路用 Docker 架設有 SSL 的 Gitlab 從被問到問人,那些我常問的面試問題 [Rails] 如何漂亮寫出可維護的 query (Maintainable Rails Query) 在已知長度情況下優化 slice 的性能
開發前端時,如何關閉 Chrome 跨域的安全策略
Nic Lin · 2018-07-08 · via Nic Lin's Blog

前端開發有可能會遇到一個問題,在前後端分離的狀況下,要再開發進行調試時,比方說希望從現在 Production 上的網域拿到 session 來做登入,或是拿後端的接口等問題,就會報跨域問題。

跨域問題就是指說,如果正式站是 https://blog.niclin.tw 那麼 http://blog.niclin.tw 就不能拿到前者的 session , Browser 通常會預設保護這種安全策略跨域。

所以說在前端開發的時候,有時候為將本地的端口映射到一個 url 上,然後調試與正式站之間的資料傳輸等等。

在這種情況下就需要關閉跨域安全保護了。

用 Command Line 依照 Browser 種類輸入以下指令。

PS: 輸入指令前,請用 Command + Q 讓所有瀏覽器都退出,如果有一個沒關閉就無效。

Chrome

open -a "Google Chrome" --args --disable-web-security --user-data-dir

Safari

open -a '/Applications/Safari.app' --args --disable-web-security --user-data-dir

小結

Chrome 上成功的話會出現一條警告「您使用的是不受支持的命令行標記: –disable-web-security。 穩定性和安全性會有所下降。」

趕快調試完就把 Browser 關了重啟吧(只要重開就會默認打開跨域安全保護的請放心)

只有開發時在用,其他時候不需要。