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

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

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

98ddb7eac14a41a8ba38a7d88c5f35c9.png

7aa8a34dd24c4cf9926a25bea2c1134a.png

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

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

  1. VUE_APP_BASEURL='http://localhost:9090'

还有新建文件 .env.production

  1. VUE_APP_BASEURL='http://:9090'

main.js 设置全局变量 $baseUrl

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

request.js

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

26e72c7721e944bebd0556427e0ea51f.png

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

Linux(CentOS/Ubuntu)——安装nginx

Linux搭建Java环境——安装JDK

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

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

  1. server {
  2. listen 80;
  3. server_name localhost;
  4. #charset koi8-r;
  5. #access_log logs/host.access.log main;
  6. location / {
  7. root /home/server/honey2024/vue/dist;
  8. index index.html index.htm;
  9. try_files $uri $uri/ /index.html;
  10. }
  11. }

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

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

13e7ed68e7284b06a268d051569dad52.png

  1. server {
  2. listen 80;
  3. server_name localhost;
  4. #charset koi8-r;
  5. #access_log logs/host.access.log main;
  6. location / {
  7. root /home/server/honey2024/vue/dist;
  8. index index.html index.htm;
  9. try_files $uri $uri/ /index.html;
  10. }
  11. }

b99c3aa30e0547b9b1e24c6a3d30f84f.png

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

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

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

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

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

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

记住临时密码 osGMitUO<56.

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

  1. [mysqld]
  2. datadir=/data/mysql
  3. basedir=/usr/local/mysql
  4. socket=/tmp/mysql.sock
  5. user=mysql
  6. port=3306
  7. character-set-server=utf8
  8. # 取消密码验证
  9. # skip-grant-tables
  10. # # Disabling symbolic-links is recommended to prevent assorted security risks
  11. symbolic-links=0
  12. [mysqld_safe]
  13. log-error=/var/log/mysqld.log
  14. pid-file=/var/run/mysqld/mysqld.pid

启动mysql: service mysql start

开机启动: chkconfig mysql on
登录mysql: mysql -uroot -p
输入临时密码进入mysql

修改密码并设置权限:

  1. SET PASSWORD = PASSWORD('123456');
  2. use mysql;
  3. update user set host ='%'where user ='root' and host ='localhost';
  4. flush privileges;
  5. exit;

防火墙设置一下:

新建数据库:honey2024,导入数据库脚本。

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

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

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

设置防火墙端口 9090

至此,全部完成,恭喜你!
浏览器访问:
注册账号即可访问,管理员账号:admin admin
(测试服务器,谢绝压测)

发表评论

表情:
评论列表 (有 0 条评论,90人围观)

还没有评论,来说两句吧...

相关阅读