資訊專欄INFORMATION COLUMN
摘要：我有一些需求，需要搭建一個(gè)靜態(tài)服務(wù)，路由在前端，前端請求，需要到代理到服務(wù)器，圖片資源需要代理到圖片資源服務(wù)器。
我有一些需求，需要搭建一個(gè)靜態(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è)這里驗(yàn)證碼也在API服務(wù)中
location ^~/captcha {
rewrite ^/(.*)$ /$1 break;
proxy_pass http://server-api;
}
# 假設(shè)你的圖片資源全部在另外一個(gè)服務(wù)上面
location ^~/img/ {
rewrite ^/(.*)$ /$1 break;
proxy_pass http://server-resource;
}
# 路由在前端，后端沒有真實(shí)路由，在路由不存在的 404狀態(tài)的頁面返回 /index.html
# 這個(gè)方式使用場景，你在寫React或者Vue項(xiàng)目的時(shí)候，沒有真實(shí)路由
location / {
try_files $uri $uri/ /index.html =404;
}
}
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/39503.html
摘要：前端項(xiàng)目部署之前很少接觸前端項(xiàng)目的部署，這次為了更全面的學(xué)習(xí)就在本機(jī)上裝了一個(gè)虛擬機(jī)上，在虛擬機(jī)上練習(xí)了如何把一個(gè)寫的項(xiàng)目部署到這個(gè)虛擬機(jī)的服務(wù)器上。 前端項(xiàng)目部署 之前很少接觸前端項(xiàng)目的部署，這次為了更全面的學(xué)習(xí)就在本機(jī)上裝了一個(gè)虛擬機(jī)上，在虛擬機(jī)上練習(xí)了如何把一個(gè) react 寫的 spa 項(xiàng)目部署到這個(gè)虛擬機(jī)的服務(wù)器上。由于 linux 也是剛接觸不久，所以整個(gè)過程還是遇到了很多...
摘要：項(xiàng)目開發(fā)準(zhǔn)備描述項(xiàng)目技術(shù)選型接口接口文檔測試接口啟動項(xiàng)目開發(fā)使用腳手架創(chuàng)建項(xiàng)目開發(fā)環(huán)境運(yùn)行生產(chǎn)環(huán)境打包運(yùn)行管理項(xiàng)目創(chuàng)建遠(yuǎn)程倉庫創(chuàng)建本地倉庫配置將本地倉庫推送到遠(yuǎn)程倉庫在本地創(chuàng)建分支并推送到遠(yuǎn)程如果本地有修改新的同事克隆倉庫如果遠(yuǎn)程修 day01 1. 項(xiàng)目開發(fā)準(zhǔn)備 1). 描述項(xiàng)目 2). 技術(shù)選型 3). API接口/接口文檔/測試接口 2. 啟動項(xiàng)目開發(fā) 1). 使用react...
閱讀 3551·2021-10-09 09:43
閱讀 6149·2021-09-07 10:15
閱讀 2746·2019-08-30 14:03
閱讀 3074·2019-08-29 11:01
閱讀 1715·2019-08-29 10:56
閱讀 1074·2019-08-28 17:52
閱讀 3502·2019-08-26 11:42
閱讀 2547·2019-08-26 10:33
