一个nginx实现两个前端?

操作起来很简单

首先是在nginx目录下建立两个存放前端文件的地方,当然有一个是自带的html

其次就是重要的conf的配置文件了

可以参考下这里的

user root;
worker_processes auto;events {worker_connections 1024;
}http {log_format  main  '$remote_addr - $remote_user [$time_local] "$request" ''$status $body_bytes_sent "$http_referer" ''"$http_user_agent" "$http_x_forwarded_for"';types_hash_max_size 2048;  # 增大哈希表大小  types_hash_bucket_size 128;  # 调整桶大小 include             /etc/nginx/mime.types;default_type        application/octet-stream;client_max_body_size 1024m;# Load modular configuration files from the /etc/nginx/conf.d directory.# See http://nginx.org/en/docs/ngx_core_module.html#include# for more information.# include /etc/nginx/conf.d/*.conf;upstream gateway{server 1.1.1.1:4000;}server {listen 80;server_name 2.2.2.2.8;root /www/nginx/https;index index.html;keepalive_timeout 70;server_tokens off;proxy_set_header x-forwarded-for  $remote_addr;location / {root /data/bws/fileplatform/;index index.html;try_files  $uri $uri/ /index.html;}location /fileplatform/ {alias /data/bws/fileplatform/;index index.html;try_files  $uri $uri/ /index.html;}location /user/ {proxy_pass http://gateway;proxy_set_header Host $host;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;}location /lx-file/ {proxy_pass http://gateway/lx-file/;proxy_set_header Host $host;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;}location /lx-auth/ {proxy_pass http://gateway/lx-auth/;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;}}server {listen       8080;server_name  2.2.2.2.8;#charset koi8-r;#access_log  logs/host.access.log  main;
location /dcscloud/composite/httpfile {proxy_pass http://3.3.3.3:4000/dcscloud/composite/httpfile;proxy_set_header Host $host;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;}location /dcscloud/view {proxy_pass http://3.3.3.3:4000/dcscloud/view;proxy_set_header Host $host;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;}location /dcscloud/templates {proxy_pass http://3.3.3.3:4000/dcscloud/templates;proxy_set_header Host $host;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;}location ~ ^/dcscloud/(?!composite/httpfile|view|templates) { deny all; }location /dcscloud { deny all; }location / {root   html;index  index.html index.htm;try_files  $uri $uri/ /index.html;}
location /user {proxy_pass http://gateway;proxy_set_header Host $host;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;}location /prod-api {proxy_pass http://2.2.2.2.8:18080;proxy_set_header Host $host;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;}location /lx-file {proxy_pass http://gateway;proxy_set_header Host $host;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;}location /dcscloud/ {proxy_pass http://3.3.3.3:4000/dcscloud/;proxy_set_header Host $host;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;}location /fileplatform/ {proxy_pass http://1.1.1.1:80/fileplatform/;proxy_set_header Host $host;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;}}
}

重点就是两个server,并且他们监听的端口不同;

过程中也遇到过很多问题,比如前端文件找不到,该怎么办,那就看打包问题吧

结合日志,以及浏览器的响应,以及接口的响应结果

希望大家没有遇到问题,稳定拿下!