# 跨域處理 ## 產生原因 跨域產生的原因是由于前端地址與后臺接口不是同源，從而導致 ajax 不能發送 非同源產生的問題 1. Cookie、LocalStorage 和 IndexDB 無法獲取 2. DOM 無法獲得 3. AJAX 請求不能發送 同源條件 **協議**，**端口**，**主機**三者相同即為同源 反之，其中只要**某一個**不一樣則為不同源 ## 解決方式 **本地開發跨域** 本地開發一般使用下面 3 種方式進行處理 1. vite 的 proxy 進行代理 2. 后臺開啟 cors 3. 使用 nginx 轉發請求 項目內部自帶第一種方式，具體可以參考 [服務端交互-本地開發環境接口地址修改](mock.md) **生產環境跨域** 生產環境一般使用下面 2 種方式進行處理 1. 后臺開啟 cors 2. 使用 nginx 轉發請求 **后臺開啟 cors 不需要前端做任何改動** nginx 配置文件可以查看 [nginx 配置](https://doc.vvbin.cn/guide/deploy.html#%E4%BD%BF%E7%94%A8-nginx-%E5%A4%84%E7%90%86%E8%B7%A8%E5%9F%9F)