信息科技有限公司网站建设,网站打不开,做网站公司哪家正规,word免费素材大全搭建若依环境
要部署到服务器上#xff0c;首先要在本地运行若依系统 文章目录搭建若依环境后端部署1.在application.yml中修改后台端口#xff0c;这里默认是8080。2.在application-druid.yml中修改正式环境数据库。3.后端打包部署前端部署下载安装NginxNginx代理配置启动N…搭建若依环境
要部署到服务器上首先要在本地运行若依系统 文章目录搭建若依环境后端部署1.在application.yml中修改后台端口这里默认是8080。2.在application-druid.yml中修改正式环境数据库。3.后端打包部署前端部署下载安装NginxNginx代理配置启动Nginx后端部署
1.在application.yml中修改后台端口这里默认是8080。 2.在application-druid.yml中修改正式环境数据库。 3.后端打包部署 打开右侧的Maven点击生命周期-package然后点击运行等待打包成功包在如图所示的文件夹中。然后将打包好的jar包ruoyi-admin.jar传到服务器的一个文件夹中记住地址后期需要jar包运行后端。 首先启动redis然后使用命令行进入ruoyi-admin.jar文件所在的位置输入命令行java –jar ruoyi.jar。此时后端启动出现如下图所示若依后台运行成功 前端部署 打开前端项目的vue.config.js文件检查devServer下的proxy代理部分然后将下面这个端口修改为你要在打包后访问的端口即使用nginx代理前的接口。这个端口默认是80端口这里把其修改为不会冲突的70端口不推荐使用80端口。 因为80端口是默认端口在部署到服务器上和下面启动nginx可能存在占用等问题。 除了这个70端口外下面的target的url和端口要和你服务器上能访问到后台的接口一致。 接下来将前端打包。首先打包之前确保已经安装完依赖项即:npm install 成功且没问题。在终端中进入到ruoyi-ui目录输入命令行npm run build:prod。 等待一段时间打包成功此时在ruoyi-ui文件夹下生成dist目录。此目录就是打包之后的前端的资源。然后将此dist目录放在服务器上的某个目录下下面使用Nginx代理会用。 不要动dist下文件的路径 下载安装Nginx
Nginx下载地址Nginx下载选择相应版本的Windows版本 下载后解压压缩包到服务器的某一个目录下
Nginx代理配置
进入到conf目录下编辑配置文件nginx.conf 找到server节点 首先这里的listen下的端口就是代理前的接口要与前面前端项目的vue.config.js中的端口一致。 然后下面的server_name是你服务器的ip,这里即使是使用的本地也建议不要用localhost避免修改hosts文件导致的问题。下面的两个配置保持默认不要更改配置的是防止404和入口页面。
server {listen 70;server_name 10.118.2.142;location / {root C:\Users\Administrator\Desktop\dist;try_files $uri $uri/ /index.html;index index.html index.htm;}然后再下面的location /prod-api/ 就是配置的代理后的地址。
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_pass http://localhost:8080/; }
这里的 /prod-api/就是跟前面前端项目设置代理的路径重写一致。 附上完整的代码
worker_processes 1;events {worker_connections 1024;
}http {include mime.types;default_type application/octet-stream;sendfile on;keepalive_timeout 65;server {listen 70;server_name 10.118.2.142;charset utf-8;location / {root C:\Users\Administrator\Desktop\software\apache-tomcat-10.0.27-windows-x64\apache-tomcat-10.0.27\webapps\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_pass http://localhost:8080/;}error_page 500 502 503 504 /50x.html;location /50x.html {root html;}}
}启动Nginx
进入到Nginx文件夹目录下用命令行输入start nginx.exe启动Nginx窗口会一闪而过 如果对Nginx配置文件进行修改的话需要重新加载nginx -s reload 打开任务管理器查看Nginx是否开启。 启动Nginx成功后打开浏览器验证输入服务器ip70例如http://10.229.36.158:70/ 启动成功 参考博客
