Nginx中部署多个前端项目

2025/2/3 19:42:04 来源：https://blog.csdn.net/weixin_64502989/article/details/145372245 浏览: 次关键词：Nginx中部署多个前端项目

1，准备前端项目

tlias系统的前端资源

外卖项目的前端资源

2，nginx里面的html文件夹中新建，tlias和sky两个文件夹。

切记这是在nginx/html下创建的

mkdir sky
mkdir tlias

把tlias和sky的资源都放到对应的文件夹中

3，编辑配置nginx.conf文件

第一个server监听88端口，

第二个server监听 81端口


#user  nobody;
worker_processes  1;#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;#pid        logs/nginx.pid;events {worker_connections  1024;
}http {include       mime.types;default_type  application/octet-stream;#log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '#                  '$status $body_bytes_sent "$http_referer" '#                  '"$http_user_agent" "$http_x_forwarded_for"';#access_log  logs/access.log  main;sendfile        on;#tcp_nopush     on;#keepalive_timeout  0;keepalive_timeout  65;#gzip  on;map $http_upgrade $connection_upgrade{default upgrade;'' close;}server {listen       88;server_name  localhost;#charset koi8-r;#access_log  logs/host.access.log  main;location / {root   html/sky;index  index.html index.htm;}error_page   500 502 503 504  /50x.html;location = /50x.html {root   html;}# ▒▒▒▒▒▒▒,▒▒▒▒▒▒▒˷▒▒͵▒▒▒▒▒location /api/ {proxy_pass   http://localhost:8080/admin/;}# ▒▒▒▒▒▒▒,▒▒▒▒▒û▒▒˷▒▒͵▒▒▒▒▒location /user/ {proxy_pass   http://localhost:8080/user/;}# WebSocketlocation /ws/ {proxy_pass   http://localhost:8080/ws/;proxy_http_version 1.1;proxy_read_timeout 3600s;proxy_set_header Upgrade $http_upgrade;proxy_set_header Connection "$connection_upgrade";}}server {listen       81;server_name  localhost;client_max_body_size 10m;location / {root   html/tlias;index  index.html index.htm;}location ^~ /api/ {rewrite ^/api/(.*)$ /$1 break;proxy_pass http://localhost:8081;}}}