資訊專欄INFORMATION COLUMN
摘要：我有一些需求，需要搭建一個靜態(tài)服務(wù)，路由在前端，前端請求，需要到代理到服務(wù)器，圖片資源需要代理到圖片資源服務(wù)器。
我有一些需求，需要搭建一個靜態(tài)服務(wù)，路由在前端，前端請求API，需要到代理到API服務(wù)器，圖片資源需要代理到圖片資源服務(wù)器。這里持續(xù)更新修正
upstream server-api{
# api 代理服務(wù)地址
server 127.0.0.1:3110;
}
upstream server-resource{
# 靜態(tài)資源 代理服務(wù)地址
server 127.0.0.1:3120;
}
server {
listen 3111;
server_name localhost; # 這里指定域名
root /home/www/server-statics;
# 匹配 api 路由的反向代理到API服務(wù)
location ^~/api/ {
rewrite ^/(.*)$ /$1 break;
proxy_pass http://server-api;
}
# 假設(shè)這里驗證碼也在API服務(wù)中
location ^~/captcha {
rewrite ^/(.*)$ /$1 break;
proxy_pass http://server-api;
}
# 假設(shè)你的圖片資源全部在另外一個服務(wù)上面
location ^~/img/ {
rewrite ^/(.*)$ /$1 break;
proxy_pass http://server-resource;
}
# 路由在前端，后端沒有真實路由，在路由不存在的 404狀態(tài)的頁面返回 /index.html
# 這個方式使用場景，你在寫React或者Vue項目的時候，沒有真實路由
location / {
try_files $uri $uri/ /index.html =404;
}
}
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/39503.html
摘要：項目開發(fā)準備描述項目技術(shù)選型接口接口文檔測試接口啟動項目開發(fā)使用腳手架創(chuàng)建項目開發(fā)環(huán)境運行生產(chǎn)環(huán)境打包運行管理項目創(chuàng)建遠程倉庫創(chuàng)建本地倉庫配置將本地倉庫推送到遠程倉庫在本地創(chuàng)建分支并推送到遠程如果本地有修改新的同事克隆倉庫如果遠程修 day01 1. 項目開發(fā)準備 1). 描述項目 2). 技術(shù)選型 3). API接口/接口文檔/測試接口 2. 啟動項目開發(fā) 1). 使用react...
閱讀 3563·2021-10-09 09:43
閱讀 6178·2021-09-07 10:15
閱讀 2763·2019-08-30 14:03
閱讀 3092·2019-08-29 11:01
閱讀 1728·2019-08-29 10:56
閱讀 1092·2019-08-28 17:52
閱讀 3511·2019-08-26 11:42
閱讀 2567·2019-08-26 10:33
