宝塔部署Java+Vue前后端分离项目经验总结

前言

之前部署服务器都是在Linux环境下自己一点一点安装软件,听说用宝塔傻瓜式部署更快,这次浅浅尝试了一把。
确实简单!

1、 买服务器

咋买服务器略,记得服务器装系统就装 Cent OS 7系列即可,我装的7.6。
在这里插入图片描述

2、创建宝塔Linux面板

然后就是百度搜索宝塔:在这里插入图片描述
进去之后点击立即免费安装:
在这里插入图片描述
然后进入面板选择,我们用的是Linux服务器,所以选择Linux在线安装:
在这里插入图片描述
下面就是正常的输入密码IP什么的就可以了:
在这里插入图片描述
然后会出现一个模板选项,看看和你自己的项目匹不匹配,我的是匹配的,选择了它推荐的,版本可以自己根据自己的需要进行更改:
在这里插入图片描述
然后就是等着安装就完事儿了。
(下一步和上一步我忘记顺序了,不过你遇到的是哪种情况就对应看哪种情况的操作就好了)
安装完成之后会弹一个宝塔的应用面板,并附带有登录名称和密码,这个要自己记下来的嗷。
然后我们在浏览器打开这个面板,输入刚刚的名称和密码就能登录到该管理界面了。

3、部署Linux项目运行环境

然后除了上面已经安装的内容,因为项目是Java写的,我们还需要去安装一个Java项目一键部署:
在这里插入图片描述
安装完成之后我们点击Java项目一键部署的设置,点击spring boot它会让我们安装一个Tom Cat,我们安装一个,其实spring boot项目是不需要额外安装tomcat的,但是安装该tomcat我们可以得到一个JDK,就不需要自己去额外下载JDK了,所以安装一个,我安装的8。

4、配置MySQL

在这里插入图片描述
这里设置的密码千万记得要改自己项目后端里的数据库配置文件中的密码与其相同,还有数据库名称嗷,然后后端项目中配置文件里的数据库地址用localhost别用服务器IP地址,不然会报无法查询到数据库的错,具体是为什么我也不知道,就是经验是这样。
然后导入SQL文件:在这里插入图片描述
下面这里记得还要导入一下嗷:
在这里插入图片描述
点击工具就能看见自己的数据都导入了没:
在这里插入图片描述
下面的这个“添加数据库”旁边的“root密码”记得也要改!
在这里插入图片描述

4.1 项目中用到了别的数据库(或者组件)怎么办

比如我的项目中用到了Redis,那就对应的再安装一个Redis就行了呀,然后进行配置就可以,我的项目中因为配置文件中没有设置Redis的密码和IP什么的,所以项目默认就会采用本机的Redis,其他的需要配置就配置没有配置就用默认的配置就可以。

5、上传程序文件

在www下面创建个新文件夹,将所有文件都传上来即可:
在这里插入图片描述
这里注意后端程序打包,如果出现包非常小的情况那么大概率是有jar包没跟着一起导进去,在后端的pom文件里加上下面这段重新打包,就算是多模块项目也是一样的,父模块(即)公共模块的代码相当于是jar包依赖被导入了子模块中,所以父模块不需要一起被放到服务器上:

......
    <build>
        <plugins>
           ...
            <plugin>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-maven-plugin</artifactId>
                <configuration>
                	<!--项目的启动类-->
                    <mainClass>cn.akioyuan.springdemo.SpringDemoApplication</mainClass>
                    <layout>ZIP</layout>
                </configuration>
                <executions>
                    <execution>
                        <goals>
                            <goal>repackage</goal>
                        </goals>
                    </execution>
                </executions>
            </plugin>
        </plugins>
    </build>
....

6、启动后端程序

然后在命令行终端(记得要在后端jar包所在文件目录下),使用如下命令,启动后端程序:

nohup java -jar xxxxxxxx.jar

有几个后端程序启动几个后端程序即可,另外这里不需要指定端口是因为我在项目的配置文件中已经配置好了。项目的运行日志都会被输入到nohup.out文件当中。

7、启动前端程序

我们查看nginx配置文件,进入Linux默认的安装Nginx位置:

cd /www/server/nginx/conf/nginx.conf

在这里插入图片描述
进来之后会发现,上图标亮的位置,就是指只要在这个文件目录下采用.conf文件后缀名的文件,就可以成为nginx的配置文件,那我们就进入这个文件中去配置我们的前端程序:

cd /www/server/panel/vhost/nginx/

在这个目录中创建我们的nginx配置文件:
在这里插入图片描述
然后将我们前端程序的地址配置文件全部写进去就可以:
在这里插入图片描述
直接贴个模板:

server {							##定义虚拟主机
        listen       80;	##设置监听端口,默认为80端口
        server_name  localhost;	##域名
        charset utf-8;
        location / {					##定义请求匹配规则
            alias   /www/bishe/distOfFront/;			##文件的存放目录
            try_files $uri $uri/  /index.html;
            index  index.html index.htm;	##设置默认的索引文件
        }
        
        location = /api {
                proxy_pass http://localhost:7777/;
                proxy_set_header x-forwarded-for $remote_addr;
        }
}

server {							##定义虚拟主机
        listen       8080;	##设置监听端口,默认为80端口
        server_name  localhost;	##域名
        charset utf-8;
        location / {					##定义请求匹配规则
            alias   /www/bishe/distOfAdmin/;			##文件的存放目录
            try_files $uri $uri/  /index.html;
            index  index.html index.htm;	##设置默认的索引文件
        }
        
        location = /api {
                proxy_pass http://localhost:8989/;
                proxy_set_header x-forwarded-for $remote_addr;
        }
}

注意这里要将上面的server_name改成你自己的服务器的主机IP,然后esc+冒号wq保存退出以后,将nginx重新执行一下:

cd /www/server/nginx/sbin/
./nginx -s reload

一般情况下到这里就成功啦。

8、访问项目失败情况总结

8.1 项目端口没有开放

这个一定一定要去检查一下你的云服务器有没有开启你对应的端口规则,不光云服务器要检查,你的宝塔面板安全那一块也要检查端口有无开放!

8.2 项目防火墙没有关闭

宝塔面板安全那一块一定要关闭防火墙,不然也会出现连接不上的问题。

8.3 前端项目里的访问地址

前端项目里访问后端的接口地址必须全用服务器的IP地址嗷,不然访问就会失败。

8.4 如果上面的配置都想到了还有问题

那就关机重启一下服务器或者是宝塔,重启项目也试试。

总结

其实总的来说宝塔部署还是很方便的,但是因为自己的经验不足还是跳进了很多坑,我有印象的都记录在上面了。因为我是已经部署完了之后才写的这篇经验总结文,所以只能把自己能记起来的部分写在上面,照着上面做应该就能部署成功,如果遇到了什么新的问题那么再去百度一下应该就差不多了,其他的以后想起来了或者是又有新的坑了俺再回来补充~~

  • 4
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
搭建Spring Boot和Vue前后端分离项目需要以下步骤: 1. 安装环境:首先,需要安装Java JDK和Maven来支持Spring Boot的开发。可以去官方网站下载并安装。然后,安装Node.js和Vue CLI来支持Vue开发。 2. 创建Spring Boot项目:使用Maven创建一个Spring Boot的项目,可以使用宝塔面板自带的Maven插件进行构建,也可以通过命令行进入项目目录,运行`mvn clean install`来创建项目。 3. 编写后端代码:在Spring Boot项目中编写后端逻辑,包括接口的实现、数据库的操作等。可以选择使用Spring Data JPA来简化对数据库的操作。 4. 创建Vue项目:使用Vue CLI创建一个Vue项目,可以通过宝塔面板自带的Node.js插件进行创建,也可以通过命令行运行`vue create 项目名`来创建。 5. 编写前端代码:在Vue项目中编写前端逻辑,包括页面的布局、调用后台接口等。可以使用axios库来发送HTTP请求。 6. 配置跨域:由于前后端分离的项目可能存在不同端口的情况,需要进行跨域配置。可以在Spring Boot项目的配置文件中添加`@CrossOrigin`注解,允许指定的域访问接口。 7. 打包部署:完成开发后,可以使用Maven将后端项目打包成一个独立的Jar文件。然后,将打包好的Jar文件上传到宝塔面板上的对应目录。将Vue项目使用`npm run build`命令打包成静态文件,然后将打包好的文件上传到宝塔面板对应的目录。 8. 配置Nginx反向代理:为了将前后端项目结合在一起,可以使用Nginx配置反向代理,将前端的请求转发给后端的接口。在宝塔面板上找到对应的站点,进行Nginx配置。 通过以上步骤,就可以搭建一个基于Spring Boot和Vue前后端分离项目,并将项目部署宝塔面板上进行访问和使用。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

在地球迷路的怪兽

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

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

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

打赏作者

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

抵扣说明:

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

余额充值