## Chrome 跨域訪問線上接口
>CreateTime:2016-04-21
>UpdateTime:2016-09-01 14:52:17
>Author:zhongxia
>前后端分離之后,聯調的時候就會出現問題,那就是Ajax跨域問題。 跨域問題的解決方案有很多種
>比如常規的 **后端使用CROS,設置允許訪問接口的地址** 或者 **使用 JSONP**等等。
這里就不說前端常規的跨域解決方案,而是提供一個奇葩的方案,簡單到哭?。
## 更新 2016-04-21 10:57:10
通過命令行啟動chrome:
~~~
open -a "Google Chrome" --args --disable-web-security --user-data-dir
~~~
出現如下提示則說明成功,然后就隨意的調用不同域下的數據了。
chrome 48 命令行啟動不支持設置跨域了,想要跨域,還需要需要在加上 `—user-data-dir`
## 前后端跨域解決方案
>可以通過使用chrome命令行啟動參數來改變chrome瀏覽器的設置,具體的啟動參數說明參考這篇介紹。
https://code.google.com/p/xiaody/wiki/ChromiumCommandLineSwitches
>這里介紹的是--disable-web-security參數。這個參數可以降低chrome瀏覽器的安全性,禁用同源策略,利于開發人員本地調試。
這里提供一個更簡單的跨域解決方案, 設置Chrome瀏覽器的 ***disable-web-security***, 實現跨域訪問后端的接口。
### **window**
1. 新建一個 chrome.exe 的快捷方式, ***并且關閉所有的chrome瀏覽器***
2. 設置參數,關閉 `--args --disable-web-security`

3. 打開chrome瀏覽器之后效果如下

### **mac**
~~~
//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
~~~
### **linux**
~~~
chromium-browser --disable-web-security
~~~
- 前言
- 【00】如何寫
- 【STAT法則寫簡歷】
- 【01】前端
- 【20160829 前端面試題】
- 【騰訊IMWeb】筆試題(沒有答案)
- 【桑世龍】前端筆試題(沒有答案)
- 【瀏覽器輸入URL后發生了什么】
- 【JS截圖并生成圖片】
- 【20160924】Sass 入門
- 【02】技巧
- 【01】GOOGLE搜索技巧
- 【02】Chrome跨域訪問線上接口
- 【One Day One Tip】
- 【20160830】~ 閉包
- 【20160831】~ 繼承的幾種實現方式
- 【20160901】~瀏覽器輸入URL到頁面展示完成,發生了什么?(一)
- 【20160902】~瀏覽器輸入URL,發生過程系列(轉載)
- 【20160903】~ video在不同平臺下的差異性
- 【20160906】~webpack之sourceMap
- 【20160909】ACE自定義代碼提示
- 【20160910】Mac Nw.js 環境安裝
- 【99】轉載筆記
- 用一道面試題考察對閉包的理解