【宝塔】部署前后端分离项目

【宝塔】部署前后端分离项目

1后端部署

在父模块中添加

<packaging>pom</packaging>

在没有启动类的工具模块中添加

<packaging>jar</packaging>

在具体的业务代码模块中添加:

<packaging>jar</packaging>

<build>
		//打包插件
        <plugins>
            <plugin>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-maven-plugin</artifactId>
            </plugin>
        </plugins>
        
        //打包规则
        <resources>
            <resource>
                <directory>src/main/java</directory>
                <includes>
                    <include>**/*.yml</include>
                    <include>**/*.properties</include>
                    <include>**/*.xml</include>
                </includes>
                <filtering>false</filtering>
            </resource>
            <resource>
                <directory>src/main/resources</directory>
                <includes>
                    <include>**/*.yml</include>
                    <include>**/*.properties</include>
                    <include>**/*.xml</include>
                </includes>
                <filtering>false</filtering>
            </resource>
        </resources>
</build>

在这里插入图片描述
利用IDEA的工具,分别点击clean和package即可打包完成,打包完成后会在targe目录下生成jar包。注意如果是多模块项目,则应先打包被依赖的项目。
将jar包上传到云服务器文件夹,启动项目
普通启动,关闭Xhell远程连接窗口后项目会停止

java -jar demo.jar

后台启动,关闭窗口后项目不会停止

nohup java -jar demo.jar & //后台启动
ps -ef | grep java //查看运行的项目进程
kill -9 3730 //停止项目

2前端部署

打包,对需要部署的项目执行

npm build

打包完成会生成dist文件夹
在这里插入图片描述
来到宝塔面板
在这里插入图片描述
点击添加站点
在这里插入图片描述
无域名则填写IP地址即可
在这里插入图片描述
创建完成后点击/www/wwwroot/进入根目录
将里面的内容全部删除,替换成dist文件夹里的内容即可在这里插入图片描述
至此,项目部署成功,输入服务器IP地址或者域名即可访问

宝塔面板是一款免费的服务器管理面板,可以帮助用户快速部署各种Web应用程序。在部署前后端分离项目时,需要分别部署前端和后端。 1. 部署后端 首先,需要在宝塔面板上安装需要的环境,比如PHP、MySQL等。然后,将后端代码上传到服务器上,可以使用FTP工具或者宝塔面板的文件管理器。 接着,需要创建一个数据库,并将后端代码中的数据库配置修改为正确的信息。最后,启动后端服务,可以使用宝塔面板的进程管理器或者命令行方式启动。 2. 部署前端 前端部署较为简单,只需要将前端代码上传到服务器上即可。可以使用FTP工具或者宝塔面板的文件管理器上传。 需要注意的是,前端代码通常是静态资源,可以使用Nginx等Web服务器进行部署。在宝塔面板上,可以通过添加网站来配置Nginx服务器,将前端代码部署到网站目录下即可。 3. 配置反向代理 为了让前端能够访问后端接口,需要在Nginx服务器中配置反向代理。具体操作为,在网站配置文件中添加如下代码: ``` location /api { proxy_pass http://localhost:8080; } ``` 其中,/api是前端访问后端接口的路径,http://localhost:8080是后端服务的地址。通过配置反向代理,前端就可以访问后端接口了。 4. 配置域名和SSL证书 为了让网站更加安全和方便访问,可以配置域名和SSL证书。在宝塔面板上,可以通过添加网站来配置域名和SSL证书。具体操作可以参考宝塔面板的文档。 以上就是在宝塔面板部署前后端分离项目的步骤。需要注意的是,不同的项目可能会有一些差异,具体操作可以根据项目需求进行调整。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

RemainsHll

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值