【若依框架】若依前后端分离项目怎么部署到Windows服务器？

文章目录一、前提二、后端部署前提安装了java运行环境。1、生成jar包2、运行jar包三、前端部署1、前端打包2、前端部署1nginx服务器的下载2Nginx代理配置3启动nginx服务器4浏览器中访问前端地址进入前端页面总结一、前提已经完成了若依框架前端、后端开发要进行部署。二、后端部署前提安装了java运行环境。1、生成jar包也可生成war包差不多这里我生成的是jar包。在后端配置文件中配置好服务端的端口默认8080前端通过http://localhost:8080访问服务端。点击右侧maven然后在Liftcycle下分别双击clean和package这时候在admin项目下的target中会生成jar包。转到路径下将这个jar包复制到指定要部署的路径或者服务器路径下。2、运行jar包选中放置jar包的路径输入cmd启动当前路径下的命令窗口输入启动jar包的命令将这里的xxx-admin.jar替换成你的jar包的完整名称。java -jar xxx-admin.jar稍等一会命令行中就会完成jar包中后端框架的运行 对应进程java.exe关闭这个界面后会退出程序。后端项目已经成功运行注意运行后端后如果要停止运行使用键盘快捷键Ctrl C如果要使得在后台静默运行使用这个命令 对应进程javaw.exe关闭界面后进程不会退出。javaw -jar XXX.jar在后端jar包已经运行的情况下浏览器中也可以直接通过这个地址访问服务端但会提示后端框架已经运行要通过前端进行访问。三、前端部署1、前端打包在前端终端中输入打包命令这里打包的是生成版本。npm runbuild:prod然后会有一段时间进行打包。等打包完成后前端项目中会新增一个dist文件夹这就是前端的打包文件夹了。回到前端项目的路径下把dist文件夹整个复制到前面放置jar包的文件夹或者你自定义的文件夹中。这里我方便查找建了一个_deploy文件夹将前后端打包文件都放在了这个路径下。2、前端部署前端部署有几种方式这里我采用的是nginx服务器的方式也是一种常见的部署方式。需要下载-安装下nginx服务器软件不是很大安装也简单。nginx与IIS类型就是一个web服务器。由于我电脑上之前安装了IIS服务器有端口冲突我就先将IIS关闭了也可以使用配置不同端口的情况下让两个服务器都能够使用。Nginx (engine x) 是一个高性能的HTTP和反向代理web服务器同时也提供了IMAP/POP3/SMTP服务。1nginx服务器的下载nginx下载地址https://nginx.org/en/download.html下载选择与电脑系统对应的版本我是windows10 系统下载的是这个版本。下载好以后就是一个安装文件夹。2Nginx代理配置到nginx文件夹的路径下找到conf - nginx.conf文件进行配置。找到server节点进行配置nginx.conf完整代码#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;server{listen 8081;server_name localhost;#charset koi8-r;#access_log logs/host.access.log main;location /{rootF:\xxx_deploy\dist;try_files $uri $uri/ /index.html;index index.html index.htm;}location /prod-api/{proxy_set_header Host $http_host;proxy_set_header X-Real-IP $remote_addr;proxy_set_header REMOTE-HOST $remote_addr;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;proxy_passhttp://localhost:8080/;}#error_page 404 /404.html;# redirect server error pages to the static page /50x.html # error_page 500 502 503 504 /50x.html;location /50x.html{root html;}# proxy the PHP scripts to Apache listening on 127.0.0.1:80 # #location ~ \.php${# proxy_passhttp://127.0.0.1;#}# pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000 # #location ~ \.php${# root html;# fastcgi_pass 127.0.0.1:9000;# fastcgi_index index.php;# fastcgi_param SCRIPT_FILENAME /scripts$fastcgi_script_name;# include fastcgi_params;#}# deny access to .htaccess files,if Apaches document root # concurs with nginxsone # #location ~ /\.ht{# deny all;#}}# another virtual host using mix of IP-, name-, and port-based configuration # #server{# listen 8000;# listensomename:8080;# server_name somename alias another.alias;# location /{# root html;# index index.html index.htm;#}#}# HTTPS server # #server{# listen 443 ssl;# server_name localhost;# ssl_certificate cert.pem;# ssl_certificate_key cert.key;# ssl_session_cacheshared:SSL:1m;# ssl_session_timeout 5m;# ssl_ciphersHIGH:!aNULL:!MD5;# ssl_prefer_server_ciphers on;# location /{# root html;# index index.html index.htm;#}#}}3启动nginx服务器nginx服务器有多种启动方式这里我采用windows下最简单的方式选中nginx.exe文件右键以管理员身份运行。注意直接运行可能也行采用管理员运行方式更好点。会有个黑影一闪而过在任务管理器中可以看到nginx服务器已经运行。注意在已经运行的情况下最好不要运行多个nginx服务器可关掉多余的运行进程。4浏览器中访问前端地址进入前端页面在nginx服务器已经运行的情况下在浏览器中输入前端项目的地址便直接到了登录页面输入验证码可以登录到页面说明部署的前端已经访问到了部署的后端成功总结通过后端、前端的部署已经完成了整个若依框架前后端项目的部署是不是很简单。以上是在本地电脑的部署在服务器部署也是一样的道理服务器需要具备后端、前端部署的前提条件1、服务器装了适配版本的java环境可以进行java -jar命令的运行2、配置和安装nginx服务器。然后将后端、前端的打包文件放在服务器指定的路径下便可以按照这个步骤进行同样的部署。最后浏览器通过前端配置的IP地址可以进行访问说明部署成功