使用云服务器部署SpringBoot+Vue项目

快来打我* 2023-10-16 17:44 1阅读 0赞

## 一、购买云服务器并配置安全组 ##

![98ddb7eac14a41a8ba38a7d88c5f35c9.png][]

![7aa8a34dd24c4cf9926a25bea2c1134a.png][]

## 二、准备好前后端项目并先打包好 ##

对于前端文件。新建文件 .env.development

VUE_APP_BASEURL='http://localhost:9090'

还有新建文件 .env.production

VUE_APP_BASEURL='http://:9090'

main.js 设置全局变量 $baseUrl

Vue.prototype.$baseUrl=process.env.VUE_APP_BASEURL

request.js

const request = axios.create({
        baseURL: process.env.VUE_APP_BASEURL,   // 后端的接口地址
        timeout: 30000
    })

![26e72c7721e944bebd0556427e0ea51f.png][]

在Linux 系统上安装好 Java mysql nginx 三个环境，具体操作细节，参考：

[Linux（CentOS/Ubuntu）——安装nginx][Linux_CentOS_Ubuntu_nginx]

[Linux搭建Java环境——安装JDK][Linux_Java_JDK]

[Linux搭建Java环境——安装MySQL5.7(CentOS7.6)][Linux_Java_MySQL5.7_CentOS7.6]

不过前端在具体部署的时候需要对nginx的配置进行一些修改：

server {
        listen       80;
        server_name  localhost;
        
        #charset koi8-r;
        
        #access_log  logs/host.access.log  main;
        
        location / {
            root   /home/server/honey2024/vue/dist;
            index  index.html index.htm;
            try_files $uri $uri/ /index.html;
        }
    }

配置完之后记得重启nginx  
执行命令重启：

cd /usr/local/nginx/sbin
    ./nginx -s reload

![13e7ed68e7284b06a268d051569dad52.png][]

![b99c3aa30e0547b9b1e24c6a3d30f84f.png][]

配置完之后记得重启nginx  
执行命令重启：

cd /usr/local/nginx/sbin
    ./nginx -s reload

安装mysql  
linux系统会自动携带一个数据库，我们需要把它给卸载掉  
通过以下代码可以查看mariadb 并卸载

rpm -qa | grep mariadb
    yum remove -y mariadb-connector-c-3.1.11-2.oc8.1.x86_64
    yum remove -y mariadb-connector-c-config-3.1.11-2.oc8.1.noarch

下载mysql 并 上传到 /tmp 目录  
安装mysql命令：

mkdir /data/mysql
    tar -zxvf /tmp/mysql-5.7.42-el7-x86_64.tar.gz -C /usr/local
    mv /usr/local/mysql-5.7.42-el7-x86_64 /usr/local/mysql
    
    # 添加用户组
    groupadd mysql
    useradd -r -g mysql mysql
    chown -R mysql.mysql /usr/local/mysql
    chown -R mysql.mysql /data/mysql
    
        
    cd /usr/local/mysql    
    /usr/local/mysql/bin/mysqld --user=mysql --basedir=/usr/local/mysql/ --datadir=/data/mysql --initialize   
    
    #  将mysql加入到服务中    
    cp /usr/local/mysql/support-files/mysql.server /etc/init.d/mysql
    
    # mysql快捷方式
    ln -s  /usr/local/mysql/bin/mysql /usr/bin
    ln -s /usr/lib64/libtinfo.so.6.1 /usr/lib64/libtinfo.so.5 
    ln -s /usr/lib64/libncurses.so.6.1 /usr/lib64/libncurses.so.5

记住临时密码 osGMitUO<56.

配置mysql配置文件 my.cnf  
vi /etc/my.cnf

[mysqld]
    datadir=/data/mysql
    basedir=/usr/local/mysql
    socket=/tmp/mysql.sock
    user=mysql
    port=3306
    character-set-server=utf8
    # 取消密码验证
    # skip-grant-tables
    # # Disabling symbolic-links is recommended to prevent assorted security risks
    symbolic-links=0
    [mysqld_safe]
    log-error=/var/log/mysqld.log
    pid-file=/var/run/mysqld/mysqld.pid

启动mysql： service mysql start

开机启动: chkconfig mysql on  
登录mysql： mysql -uroot -p  
输入临时密码进入mysql  
  
修改密码并设置权限：

SET PASSWORD = PASSWORD('123456');
    
    use mysql;
    update user set host ='%'where user ='root' and host ='localhost';
    flush privileges;
    exit;

防火墙设置一下：

新建数据库：honey2024，导入数据库脚本。

启动后台程序  
修改 application.yml 里面的ip为服务器的公网IP  
启动程序：

cd /home/server/honey2024/java
    ./start.sh

实时查看日志：tail -100f server.log

设置防火墙端口 9090

至此，全部完成，恭喜你！  
浏览器访问：  
注册账号即可访问，管理员账号：admin admin  
（测试服务器，谢绝压测）

[98ddb7eac14a41a8ba38a7d88c5f35c9.png]: https://img-blog.csdnimg.cn/98ddb7eac14a41a8ba38a7d88c5f35c9.png
[7aa8a34dd24c4cf9926a25bea2c1134a.png]: https://img-blog.csdnimg.cn/7aa8a34dd24c4cf9926a25bea2c1134a.png
[26e72c7721e944bebd0556427e0ea51f.png]: https://img-blog.csdnimg.cn/26e72c7721e944bebd0556427e0ea51f.png
[Linux_CentOS_Ubuntu_nginx]: https://blog.csdn.net/weixin_49171365/article/details/133341788
[Linux_Java_JDK]: https://blog.csdn.net/weixin_49171365/article/details/130665050
[Linux_Java_MySQL5.7_CentOS7.6]: https://blog.csdn.net/weixin_49171365/article/details/130665044
[13e7ed68e7284b06a268d051569dad52.png]: https://img-blog.csdnimg.cn/13e7ed68e7284b06a268d051569dad52.png
[b99c3aa30e0547b9b1e24c6a3d30f84f.png]: https://img-blog.csdnimg.cn/b99c3aa30e0547b9b1e24c6a3d30f84f.png