nginx配置反向代理解決前后端分離跨域問題

摘自《AngularJS深度剖析與最佳實踐》P132

nginx配置文件如下：

server {
    listen 80;
    server_name your.domain.name;
    location / {
        # 把跟路徑下的請求轉發給前端工具鏈（如gulp）打開的開發服務器
        # 如果是產品環境，則使用root等指令配置為靜態文件服務器
        proxy_pass http://localhost:5000/;
    }

    location /api/ {
        # 把 /api 路徑下的請求轉發給真正的后端服務器
        proxy_pass http://localhost:8080/service/;
        # 把host頭傳過去，后端服務程序將收到your.domain.name, 否則收到的是localhost:8080
        proxy_set_header Host $http_host;
        # 把cookie中的path部分從/api替換成/service
        proxy_cookie_path /api /service;
        # 把cookie的path部分從localhost:8080替換成your.domain.name
        proxy_cookie_domain localhost:8080 your.domain.name         
    }

}   

 

配置完成后重啟nginx服務：

nginx -s reload