江浦网站建设,企业信用网站建设,深圳网站建设分期付,建设银行济宁分行网站环境搭建RuoYi-Vue搭建、Linux安装Nginx、Linux安装JDK8、Linux安装MySql8、Linux安装Redis、Linux安装Tomcat9前端打包 1.ruoyi-ui鼠标右键--打开于终端2.安装依赖#xff1a;npm install --registryhttps://registry.npm.taobao.org--node_modules3.编译打包#x…环境搭建RuoYi-Vue搭建、Linux安装Nginx、Linux安装JDK8、Linux安装MySql8、Linux安装Redis、Linux安装Tomcat9前端打包 1.ruoyi-ui鼠标右键--打开于终端2.安装依赖npm install --registryhttps://registry.npm.taobao.org--node_modules3.编译打包npm run build:prod--dist 前端部署 1.将RuoYi-Vue\ruoyi-ui\dist下所有文件复制到/opt/nginx/nginx_install/html2.编辑/opt/nginx/nginx_install/conf/nginx.conf
server {listen 8181;server_name 192.168.1.97;#前端打的dist资源存放目录root /opt/nginx/nginx_install/html;location / {# 用于配合 browserHistory使用try_files $uri $uri/ /index.html;}
}3.Nginx常用命令(重载配置需要在启动状态下执行)
启动/查看/关闭/重载--nginx/ps -ef | grep -i nginx/nginx -s stop/nginx -s reload4.放开端口firewall-cmd --zonepublic --add-port8181/tcp --permanent firewall-cmd --reload5.前端访问192.168.1.97:8181--验证码加载失败 后端打包 1.编辑RuoYi-Vue\ruoyi-admin\pom.xml
packagingwar/packaging
artifactIdruoyi-admin/artifactId2.编辑RuoYi-Vue\ruoyi-admin\src\main\resources\application-druid.yml--连接服务器MySQL
# 主库数据源
master:url: jdbc:mysql://192.168.1.97:3306/ry-vue?useUnicodetruecharacterEncodingutf8zeroDateTimeBehaviorconvertToNulluseSSLtrueserverTimezoneGMT%2B8username: mysqlpassword: 1234563.编辑RuoYi-Vue\ruoyi-admin\src\main\resources\application.yml--连接服务器Redis
# redis 配置
redis:# 地址host: 192.168.1.97# 端口默认为6379port: 6379# 数据库索引database: 0# 密码password: 1234564.编辑RuoYi-Vue\ruoyi-admin\src\main\resources\logback.xml--变更日志文件存放路径
property namelog.path value/opt/nginx/nginx_install/html/log /5.顶层Maven命令clean、install、package--RuoYi-Vue\ruoyi-admin\target\ruoyi-admin.war注意MySQL创建用户(用户名mysql 密码123456)创建数据库ry-vue并执行RuoYi-Vue\sql目录下脚本文件 后端部署 1.编辑/opt/tomcat/apache-tomcat-9.0.70/conf/server.xml
Connector port8282 protocolHTTP/1.1 connectionTimeout20000 redirectPort8443 URIEncodingUTF-8/2.将RuoYi-Vue\ruoyi-admin\target\ruoyi-admin.war放入/opt/tomcat/apache-tomcat-9.0.70/webapps3.Tomcat常用命令
启动/关闭/查看--startup.sh/shutdown.sh/ps -ef | grep -i tomcat4.放开端口firewall-cmd --zonepublic --add-port8282/tcp --permanent firewall-cmd --reload5.后端访问http://192.168.1.97:8282/ruoyi-admin Nginx动静分离 1.RuoYi-Vue为典型前后端分离项目Nginx作为静态服务器部署前端项目(处理静态资源请求)Tomcat作为动态服务器部署后端项目
(处理动态资源请求),同时Nginx作为反向代理服务器接收到静态资源请求后交由Nginx处理接收到动态资源请求后交由Tomcat处理2.验证码请求http://192.168.1.97:8181/prod-api/captchaImage为动态请求反向代理服务器Nginx
接收到请求后需要将请求转给Tomcat处理转到http://192.168.1.97:8282/ruoyi-admin/prod-api/captchaImage3.实现验证码请求转发Nginx需要将http://192.168.1.97:8181/prod-api/开头的请求转到
http://192.168.1.97:8282/ruoyi-admin/编辑/opt/nginx/nginx_install/conf/nginx.conf
server {listen 8181;server_name 192.168.1.97;#前端打的dist资源存放目录root /opt/nginx/nginx_install/html;location / {# 用于配合 browserHistory使用try_files $uri $uri/ /index.html;}location /prod-api/ {# 反向代理,将/prod-api/匹配的请求路径转发到指定服务器proxy_pass http://192.168.1.97:8282/ruoyi-admin/;}
}4.前端访问192.168.1.97:8181--验证码成功加载 Nginx虚拟主机 1.目前为止项目通过IP直接访问接下来通过Nginx虚拟主机模拟域名访问2.编辑C:\Windows\System32\drivers\etc\hosts
192.168.1.97 my.ruoyi.com3.编辑/opt/nginx/nginx_install/conf/nginx.conf
server {listen 80;server_name my.ruoyi.com;#前端打的dist资源存放目录root /opt/nginx/nginx_install/html;location / {# 用于配合 browserHistory使用try_files $uri $uri/ /index.html;}location /prod-api/ {# 反向代理,将/prod-api/匹配的请求路径转发到指定服务器proxy_pass http://192.168.1.97:8282/ruoyi-admin/;}
}4.放开端口firewall-cmd --zonepublic --add-port80/tcp --permanent firewall-cmd --reload5.项目访问my.ruoyi.com
