前后端分离的项目部署到tomcat_如何在开发时部署和运行前后端分离的JavaWe

展开全部

在开发中大型的JavaEE项目时&＃xff0c;前后端分离的框架逐渐成为业32313133353236313431303231363533e78988e69d8331333365656637界的主流&＃xff0c;传统的单机部署前后端在同一个项目中的工程项目越来越少。这类JavaWeb项目的后端通常都采用微服务的架构&＃xff0c;后端会被分解为诸多个小项目&＃xff0c;然后使用dubbo&＃43;zookeeper或者springCloud来构建微服务&＃xff0c;前端则会是一个单独的项目&＃xff0c;前台的请求通过微服务来调用。但是&＃xff0c;不同与传统的web项目&＃xff0c;这类前后端分离的项目如何在开发中部署和运行呢&＃xff1f;

当前后端分离时&＃xff0c;后端项目一定会被加载到tomcat的webapp目录下面&＃xff0c;但是前端的资源院该如何被访问到呢&＃xff1f;这里以tomcat这个中间件为例&＃xff0c;探讨在开发这类项目的时候&＃xff0c;如何让前后端分离的项目部署并且运行起来&＃xff0c;即后端项目部署在tomcat之后如何在运行时访问静态资源(非上线部署)。

主要有两种方案&＃xff1a;1.在本地通过Nginx来处理这些静态资源。2、将静态资源统一放入一个javaweb应用中&＃xff0c;并将自动生成的war包随后端项目一期丢入tomcat。下面详细介绍

一、使用Nginx来访问静态资源。

在本地安装nginx并且修改nginx.conf&＃xff0c;修改相关配置&＃xff0c;将web访问的端口的资源进行更改&＃xff0c;配置如下&＃xff1a;

server {        listen       80;        server_name  localhost;        charset utf-8;        #access_log  logs/host.access.log  main;

location / {              proxy_pass http://tomcat_pool;              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;

client_max_body_size 10m;

client_body_buffer_size 128k;

proxy_connect_timeout 90;

proxy_send_timeout 90;

proxy_read_timeout 90;

proxy_buffer_size 4k;

proxy_buffers 4 32k;

proxy_busy_buffers_size 64k;

proxy_temp_file_write_size 64k;

}

location ~ .*\.(html|htm|gif|jpg|jpeg|bmp|png|ico|txt|js|css|woff|woff2|ttf|eot|map)$  {

root D:\Workspaces\esop-html;             index index.html;

}

listen对象改为你本地的tomcat访问端口&＃xff0c;最下面location中的root改为你前端项目中静态资源的位置&＃xff0c;这样就可以实现只部署后端的项目就能访问前端的页面了。

二、将前端项目转换为动态的web项目&＃xff0c;随后端项目一起丢入tomcat

这个方案省去了在本地安装和配置nginx&＃xff0c;但是也只适用于开发阶段项目的部署运行和调试&＃xff0c;真正在生产环境通常前后端项目会部署在不同的服务器。如果是Intellij Idea,在导入前端项目之后&＃xff0c;右键项目 add framework support --> web application&＃xff0c;这时将会把前端项目转换为一个javaweb项目&＃xff0c;然后将静态资源放在生成的web目录下即可。

如果是eclipse&＃xff0c;可以新建一个javaweb项目然后将静态资源放入web或者webcontent目录下&＃xff0c;或者直接先导入前端项目&＃xff0c;然后通过 project facts 将项目转换为dynamic web项目并勾选 js等相关配置。

然后&＃xff0c;运行项目时把后端的war包和前端的war包一同添加到 deployment中运行即可。