1、首先你需要擁有一台nginx伺服器（在此不具體講nginx）
2、在nginx.config裡面進行反向**的配置，具體**如下：
##前端開發環境配置**
server
# 配置後端介面**
location ^~ /xbproject/
error_page 500 502 503 504 /50x.html;
location = /50x.html
}
4、注意：原先開發的前端位址為：現在除錯的位址原先前端直接請求後端的位址http://***/xbproject,現在則在**裡請求位址。
最終前端和後端則為同源，因此不跨域了。
如何用Nginx解決前端跨域問題
前言 在開發靜態頁面時，類似vue的應用，我們常會呼叫一些介面，這些介面極可能是跨域，然後瀏覽器就會報crosswww.cppcns.com origin問題不給調。最簡單的解決方法，就是把瀏覽器設為忽略安全問題，設定 disable web security。不過這種方式開發pc頁面到還好，如果是...
前端解決跨域問題
跨域請求概念請見 用 disable web security解決跨域。1 當本地進行頁面除錯時，可以在intellij idea 設定 settings tools web browsers 選擇grome瀏覽器進行編輯，輸入 args disable web security user data...
nginx解決跨域問題！
1 問題背景 前端呼叫線上後段時出現跨域問題！解決方法nginx的location頭部增加配置 add header access control allow headers add header access control allow methods get,post,options,head,...