Nginx完美解決前后端分離端口號不同導致的跨域問題

筆者在做前后端分離系統時，出現了很多坑，比如前后端的url域名相同，但是端口號不同。例如前端頁面為：http://127.0.0.1/ ， 后端api根路徑為 http://127.0.0.1:8888 ，這樣就導致跨域問題，前端設置的request header或者cookies后端接收不到，這是很蛋疼的問題。用nginx配置端口轉發完美解決。首先在本機安裝nginx，前端配置端口號為80

$ sudo nginx
$ vim /usr/local/etc/nginx/nginx.conf

接着配置后端api接口，設置路徑為 /api/

保存重啟nginx

$ sudo nginx reload

在瀏覽器中訪問 http://127.0.0.1 和 http://127.0.0.1/api/ 成功！