先说一下我遇到的问题:

  • 前端 后端 分离的项目 部署到一个服务器上,前端用的vue,后端用的 springBoot
  • 我之前的想法认为 我的 前端vue 放到Tomcat容器中,然后后端是 springBoot 项目直接启动 在用Nginx 配置代理 后端的 端口
  • 重点:其实 并不是我认为的那样,是我 前端vue 挂到 Nginx 上 然后 Nginx 监听后端 端口 代理后端 端口号进行访问,配置Nigin 前端 存放地址 和 前端 端口号

步入正题:

  1. 后端 端口号 28091,和 前端vue 在一台服务器上
  2. Nginx 代理 后端 端口号
  3. Nginx 配置

3.1 在Nginx 的 nginx.conf 中加添加上 include web.conf; 和 include api.conf;(在 建两个 hopson_web.conf 和 hopson_api.conf这样不会 导致 配置 过多混乱)

 include hopson_web.conf;
 include hopson_api.conf;

3.2 web.conf 配置

server {
	#前端端口
    listen 21020;
    server_name  localhost;

    location / {
    	#前端 存放路径
        root /home/hopson/apps/var/webapps/dev_twobook/hopson;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
	client_max_body_size       10M;
	proxy_max_temp_file_size 0;
    }
		#监察后端 配置
       location /hopson {
            proxy_pass http://hopson-api_2/hopson/;
            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_set_header X-Forwarded-Proto  $scheme;
     }

    access_log  /home/hopson/apps/var/logs/access/dev_twobook/hopsonweb_access.log main;
    error_log /home/hopson/apps/var/logs/error/dev_twobook/hopsonweb_error.log  error;

}

3.3 api.conf 配置

upstream hopson-api_2 {
	#后端端口
    server 127.0.0.1:28091;
}

server {
    listen 21021;
    server_name  localhost;
		#配置后端 代理
       location / {
            proxy_pass http://hopson-api_2;
            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_set_header X-Forwarded-Proto  $scheme;
     }

    access_log  /home/hopson/apps/var/logs/access/dev_twobook/hopsonapi_access.log main;
    error_log /home/hopson/apps/var/logs/error/dev_twobook/hopsonapi_error.log  error;
 }

Logo

前往低代码交流专区

更多推荐