，所以目前就可以通過(guò)給網(wǎng)頁(yè)訪問(wèn)鏈接增加不同的url前綴，來(lái)讓Nginx去實(shí)現(xiàn)同一端口下訪問(wèn)不同的前后端項(xiàng)目。具體配置如下：
（我這里是前端兩個(gè)項(xiàng)目各自對(duì)應(yīng)后端的兩個(gè)服務(wù)）

server {#這里默認(rèn)監(jiān)聽(tīng)80端口，可根據(jù)項(xiàng)目需要自行設(shè)置需要監(jiān)聽(tīng)的端口號(hào)listen 80;server_name 此處填寫(xiě)項(xiàng)目發(fā)布的域名或者ip地址;location / {root 此處填寫(xiě)前端項(xiàng)目文件路徑（默認(rèn)訪問(wèn)的前端項(xiàng)目一的路徑）;index index.html index.htm;}#這里因?yàn)槊總€(gè)server只能有一個(gè)root 所以在根目錄默認(rèn)有root之后，可以通過(guò)alias來(lái)配置其他文件路徑#ex: http://www.xxx.com:xxx/unst/#/xxx,將/unst這個(gè)前置在頁(yè)面跳轉(zhuǎn)時(shí)加入url的#號(hào)之前即可location /unst {alias 此處填寫(xiě)前端項(xiàng)目文件路徑（前端項(xiàng)目二的路徑）;index index.html index.htm;}#前端項(xiàng)目一對(duì)應(yīng)的后端服務(wù)一的跳轉(zhuǎn)配置location /st/ {proxy_redirect off;proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;proxy_pass http://127.0.0.1:8089;}#前端項(xiàng)目二對(duì)應(yīng)的后端服務(wù)二的跳轉(zhuǎn)配置location /un/ { proxy_pass http://127.0.0.1:8091;}} 創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來(lái)咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

以上是生活随笔為你收集整理的Nginx实现通过不同的url前缀访问不同的前后端项目的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。