nginx 1 ポート構成のフロントエンドとバックエンドの分離プロジェクトへのアクセス

nginx 1 ポート構成のフロントエンドとバックエンドの分離プロジェクトへのアクセス

1. nginxの設定

server {
    
    
	listen  8888;
	server_name _;
	location  ~ .*\.(gif|jpg|jpeg|png|pdf|txt|zip|rar|7z|doc|docx|xls|xlsx|ppt|pptx|mp3|mp4)$ {
    
    
       root    D:/platform/tomcat/apache-tomcat-9.0.31/webapps/resources;
    }
	location /api/ {
    
    
		proxy_pass	http://127.0.0.1:8080/; # 后台访问地址以及端口号
	}
    location / {
    
    
        root html;
        index  index.html index.htm;
     }
}

2. ページ構成:
   
   ページに設定されているIPは、www.baidu.comなどの外部ネットワークのアクセスアドレスです。ローカルIPを使用する場合はサーバー上でのアクセスは問題ありませんが、外部ネットワークにアクセスする場合は、バックエンド インターフェイスのリクエストがブロックされるという問題が発生します。