admin 管理员组文章数量: 1184232
windows部署springboot+vue项目文档（若依ruoyi项目部署步骤）
- 1、安装Tomcat
- 安装前准备
- Tomcat下载
- Tomcat安装
- 开始打包后端spring Boot内容
- 开始打包前端vue内容
- 2、开始部署tomcat
- 完成啦
1、安装Tomcat
注意：此处教程适用Windows平台安装Tomcat
安装前准备
首先进行安装环境准备：
- Windows系统 ；
- JDK （安装和环境配置教程参考：https://jingyan.baidu/article/6dad5075d1dc40a123e36ea3.html
下载地址：https://www.oracle/technetwork/java/javase/downloads/index.html）； - 流畅的网络 ；
- 任意浏览器（用于验证最终安装是否成功）；
Tomcat下载
- 官网下载地址： https://tomcat.apache/download-90.cgi
- 这里选择的是安装版本，有点就是无需环境配置，安装完成即可使用（以tomcat9为例，需要其他版本的话，在左侧列表找一下） ；
Tomcat安装
-
运行安装程序
-
选择Agree
-
默认配置就好，新手足够用了->next ；
-
服务器的配置，保持默认就好->next ;(可以修改自己想要的端口号)；
-
这一步是选择JDK/JRE路径，选择事先安装的JDK目录（选到目录那一层就好，安装程序会自动寻找目录中的bin中的相关支持文件）->next；
-
……一路next，我们来到了最终的完成页面。选择Finish；
-
打开任意浏览器，键入localhost:8080(之前设置的端口)，如果正确显示安装的Tomcat的信息，那么恭喜你安装成功！；
至此，Tomcat的安装就完成了，Welcome to Tomcat world!
开始打包后端spring Boot内容
- 将pom.xml的packaging的值改成war ；
- 点击Maven，显示项目。按住ctrl 选择中clean和package，最后点击执行。 ；
- 运行完以后war文件在 项目名\target路径里 ；
注意：除了生成war包外还会有一个XXXX.war.original文件 那只是打包的备份文件没有影响
开始打包前端vue内容
- 使用npm run build命令打包项目 ；
这里可以vue-cil脚手架打包项目或者编译器打包（二选一即可）
首先使用脚手架打包
1、运行cmd (管理员身份)
2、使用cd 切换到前端项目的目录下，这里我的目录在 cd D:\新建文件夹\RuoYi-Vue-Sqlserver\ruoyi-ui
3、npm run build命令（我的直接build出错，参看README发现是应该是npm run build:prod。但不影响，根据各自项目确定）
显示如图即打包成功。
编译器安装
至此所有的准备工作做完啦，接下来开始进行部署。
2、开始部署tomcat
- 打包成的war包直接复制到windows中的tomcat的webapps目录下，并修改名称为prod-api，类似部署在linux中需要修改nginx.conf的配置。（备份内容只留ROOT,其他的我删除了） ；
-
将vue项目打包并把dist文件内容复制到tomcat的webapps目录下ROOT内。（注：先将ROOT内除WEB-INF文件夹的其他文件，先删除）；
-
修改tomcat目录下的conf文件夹下的service.xml ；
<Context path="/" docBase="dist的绝对路径(也可以写相对于webapps的路径)" reloadable="true" crossContext="true"></Context>
启动tomcat,输入ip:端口即可。
- 添加web.xml文件；
以上操作之后刷新页面的话会存在404错误，所以需要在ROOT目录的WEB-INF文件夹，里面添加web.xml文件:
web.xml文件代码如下：
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp/xml/ns/javaee"
xmlns:xsi="http://www.w3/2001/XMLSchema-instance"
xsi:schemaLocation="http://xmlns.jcp/xml/ns/javaee
http://xmlns.jcp/xml/ns/javaee/web-app_3_1.xsd"
version="3.1" metadata-complete="true">
<display-name>Router for Tomcat</display-name>
<error-page>
<error-code>404</error-code>
<location>/index.html</location>
</error-page>
</web-app>
完成啦
现在赶紧输入127.0.0.1：端口号试试哈。
本文标签： 项目 步骤 文档 SpringBoot Windows
版权声明：本文标题：windows部署springboot+vue项目文档（若依ruoyi项目部署步骤） 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/b/1766068789a3434100.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论