国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

nginx 代理轉發，讓生產和測試環境React、Vue項目輕松訪問API，前端路由不再404

chanthuang / 728人閱讀

摘要：我有一些需求，需要搭建一個靜態服務，路由在前端，前端請求，需要到代理到服務器，圖片資源需要代理到圖片資源服務器。

我有一些需求，需要搭建一個靜態服務，路由在前端，前端請求API，需要到代理到API服務器，圖片資源需要代理到圖片資源服務器。這里持續更新修正

upstream server-api{
    # api 代理服務地址
    server 127.0.0.1:3110;    
}
upstream server-resource{
    # 靜態資源 代理服務地址
    server 127.0.0.1:3120;
}
server {
    listen       3111;
    server_name  localhost;      # 這里指定域名
    root /home/www/server-statics;
    # 匹配 api 路由的反向代理到API服務
    location ^~/api/ {
        rewrite ^/(.*)$ /$1 break;
        proxy_pass http://server-api;
    }
    # 假設這里驗證碼也在API服務中
    location ^~/captcha {
        rewrite ^/(.*)$ /$1 break;
        proxy_pass http://server-api;
    }
    # 假設你的圖片資源全部在另外一個服務上面
    location ^~/img/ {
        rewrite ^/(.*)$ /$1 break;
        proxy_pass http://server-resource;
    }
    # 路由在前端，后端沒有真實路由，在路由不存在的 404狀態的頁面返回 /index.html
    # 這個方式使用場景，你在寫React或者Vue項目的時候，沒有真實路由
    location / {
        try_files $uri $uri/ /index.html =404;
    }
}

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/39503.html

相關文章

  • Nginx

    摘要：此外，其也能夠提供強大的反向代理功能。是由為俄羅斯訪問量第二的站點開發的，第一個公開版本發布于年月日。 keepalived+nginx 實現高可用雙機熱備 + 負載均衡架構 1 準備4個ubuntu16.04虛擬機（啟用網卡二并使用橋接模式）:A服務器：192.168.0.103 主B服務器：192.168.0.104 主（備） 前端工程師學習 Nginx ...

    syoya 評論0 收藏0

  • 前端項目部署

    摘要：前端項目部署之前很少接觸前端項目的部署，這次為了更全面的學習就在本機上裝了一個虛擬機上，在虛擬機上練習了如何把一個寫的項目部署到這個虛擬機的服務器上。 前端項目部署 之前很少接觸前端項目的部署，這次為了更全面的學習就在本機上裝了一個虛擬機上，在虛擬機上練習了如何把一個 react 寫的 spa 項目部署到這個虛擬機的服務器上。由于 linux 也是剛接觸不久，所以整個過程還是遇到了很多...

    Aceyclee 評論0 收藏0

  • 尚學堂 react -后臺管理系統開發流程

    摘要：項目開發準備描述項目技術選型接口接口文檔測試接口啟動項目開發使用腳手架創建項目開發環境運行生產環境打包運行管理項目創建遠程倉庫創建本地倉庫配置將本地倉庫推送到遠程倉庫在本地創建分支并推送到遠程如果本地有修改新的同事克隆倉庫如果遠程修 day01 1. 項目開發準備 1). 描述項目 2). 技術選型 3). API接口/接口文檔/測試接口 2. 啟動項目開發 1). 使用react...

    lemon 評論0 收藏0

發表評論

0條評論

chanthuang

男|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<