设为首页 加入收藏

TOP

springboot+vue 若依项目在windows2008R2企业版部署流程
2023-07-25 21:37:48 】 浏览:39
Tags:springboot vue 项目在 windows2008R2

2022.12.12

记录问题方便以后查看。

2023.03.15

若依官网中的部署教程非常详细,如果是若依系统可以直接转到若依官方文档查看:http://doc.ruoyi.vip/ruoyi-vue/document/hjbs.html#部署系统

如需将前端部署到子路径,如:在localhost:8080/ms/下去访问系统。请参照若依官方的此链接查看配置教程:http://doc.ruoyi.vip/ruoyi-vue/document/qdsc.html#应用路径

一、准备工作

1、本次使用jar包启动后端,故而准备打包后的jar文件。注意修改配置文件中的路径,根据需要部署的操作系统进行更改。

jar包展示

2、提前写bat文件用来启动jar包。

@echo off
start "cmd标题名" java -Dfile.encoding=UTF-8 -jar D:jar包路径

3、启动项目进行测试。注意查看日志帮助排错。

4、服务器注意在安全组中放行项目使用的端口。

二、前端部署

前端打包前注意修改.env.production文件中的VUE_APP_BASE_API项,改为你的服务器ip+前端使用端口+自定义前缀的形式,例:

100:100:100:101:8001/prod

1、前端打包遇见如下错误

Error: Cannot find module 'html-webpack-plugin'

解决方案:

(1)检查node.js版本,如果为高版本(我的版本为16+,已改为14.19.0),需要先卸载之前的版本,下载nvm管理工具,详细操作百度即可。

检查node.js版本命令。

node -v

(2)若降版本后还是无法打包,尝试删除node_modules后重新install依赖再打包。

(3)如果还是不行,尝试如下代码安装依赖。之后再次重试打包。还不行就谷歌。

npm install html-webpack-plugin -D

2、配置nignx并启动前端项目

(1)将打包好的dist文件上传至服务器后。打开nginx配置文件夹,我的路径为

D:\nginx\nginx-1.22.1\conf

新建文件:你的配置名字.conf。

server {
    	#listen表示nignx监听的前端项目使用的端口
        listen       9002;
    	#server_name 有备案过的域名可在此填写域名,无则随便填写
        server_name  localhost;
        location /{
            #网站主页路径。此路径仅供参考,具体请您按照实际目录操作。
            #例如,您的网站主页在 Nginx 服务器的 /etc/www 目录下,则请修改 root 后面的 html 为 /etc/www。
            # root 你的前端项目的路径
            root D:\前端\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:80/;
        		}

        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
                    root   html;
                }	
            }

(2)打开nginx配置文件nignx.conf,在http模块的尾行引入刚才写的配置文件。

include 你的配置名字.conf;

(3)启动nginx,在浏览器中输入地址查看前端项目是否启动成功,在logs文件夹中可查看启动错误日志,帮助排错。

D:\nginx\nginx-1.22.1\logs
】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
上一篇SpringBoot实现国际化中英文翻译 下一篇如何通过Java应用程序压缩PDF文档

最新文章

热门文章

Hot 文章

Python

C 语言

C++基础

大数据基础

linux编程基础

C/C++面试题目