关于vue.js:Linux系统上部署-基于Spring-BootVue的前后端分离项目笔记

41次阅读

共计 4890 个字符，预计需要花费 13 分钟才能阅读完成。

前言

毕业设计实现后，想实际一下如何部署到 Linux 服务器上。
次要实现办法：前端 Vue 我的项目打包后部署到 nginx 服务器上，后端 SpringBoot 我的项目打成 jar 包间接跑。
本文章次要介绍：Nginx 装置与配置、JDK8 装置与配置、MySQL5.7 装置与配置、Vue 我的项目打包、SpringBoot 我的项目打包

1、Linux 环境筹备

有条件买云服务器，没条件用 VMWare。我这里用后者演示。
我用的 CentOS7
（1）首先装置零碎镜像参考：虚拟机装置 CentOS7 教程
（2）配置网络 Net 或桥接 参考我的另一篇文章：Net 模式 & 桥接模式的配置教程
这里演示用 Net 模式

2、Nginx 装置与配置

1）官网下载 Linux 版本的：http://nginx.org/en/download….

在 Linux 官网下载对应版本地 nginx 压缩包（以 tar.gz 结尾），将其上传到 Linux 服务器上，应用如下命令解压 nginx 安装包 (依据下载的 nginx 版本更换对应版本)：

tar -zxvf nginx-1.18.0.tar.gz

进入 nginx-1.18.0 目录 

cd nginx-1.18.0

make 编译装置它:

  ./configure
  make
  make install

装置 zlib 库 

cd ~
wget http://www.zlib.net/zlib-1.2.11.tar.gz
tar -zxvf zlib-1.2.11.tar.gz
cd zlib-1.2.11
./configure
make
make install

装置 SSL

yum -y install openssl openssl-devel

装置 pcre

yum -y install pcre-devel

nginx 服务的常用命令 

cd /usr/local/nginx/sbin/
./nginx  启动
./nginx -s stop  进行
./nginx -s quit  平安退出
./nginx -s reload  从新加载配置文件
ps aux|grep nginx  查看 nginx 过程

这个时候拜访虚拟机配置的 ip 地址，如果能够关上上面这样一个页面，阐明 nginx 启动胜利：

配置 nginx.conf 文件 

vim /usr/local/nginx/conf/nginx.conf

减少如下配置：

    server {
            listen       80;
            server_name  localhost;
            #重要
            location / {
                root /usr/local/nginx/html/dist;  #前端我的项目寄存在 nginx 中的地位
                index  index.html index.htm;
                try_files $uri $uri/ /index.html;  #避免刷新后主动跳到自带 404 页面
            }

在批改了配置文件后须要从新加载配置文件 

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

至此 nginx 就配置好了。

3、装置 JDK1.8

前提：

# 查看默认装置的 jdk
[root@huagang ~]# rpm -qa|grep openjdk -i
java-1.7.0-openjdk-headless-1.7.0.261-2.6.22.2.el7_8.x86_64
java-1.8.0-openjdk-headless-1.8.0.262.b10-1.el7.x86_64
java-1.8.0-openjdk-1.8.0.262.b10-1.el7.x86_64
java-1.7.0-openjdk-1.7.0.261-2.6.22.2.el7_8.x86_64
#如果显示如上，先卸载
[root@huagang ~]# rpm -e --nodeps java-1.7.0-openjdk-headless-1.7.0.261-2.6.22.2.el7_8.x86_64
[root@huagang ~]# rpm -e --nodeps java-1.8.0-openjdk-headless-1.8.0.262.b10-1.el7.x86_64
[root@huagang ~]# rpm -e --nodeps java-1.8.0-openjdk-1.8.0.262.b10-1.el7.x86_64
[root@huagang ~]# rpm -e --nodeps java-1.7.0-openjdk-1.7.0.261-2.6.22.2.el7_8.x86_64
[root@huagang ~]# rpm -qa|grep openjdk -i
[root@huagang ~]#

1、官网下载 JDK1.8：https://www.oracle.com/java/t…

2、上传到 Linux 的 /home/ 文件下

3、在 /home 下创立一个目录 java，而后将压缩包解压到 java 目录中 

tar -zxvf jdk-8u331-linux-x64.tar.gz -C java

4、将 java 目录挪动到 /usr/local 下 

 mv java /usr/local

5、配置环境变量（classpath 当初不须要配了，配置其余两项就能够了）

vim /etc/profile
#java environment
export JAVA_HOME=/usr/local/java/jdk1.8.0_331
export CLASSPATH=.:$JAVA_HOME/lib/dt.jar:$JAVA_HOME/lib/tools.jar
export PATH=$PATH:$JAVA_HOME/bin

6、让配置文件失效 

source /etc/profile

7、java -version 进行验证是否胜利

4、装置 MySQL5.7

1、查看是否装置过
rpm -qa |grep -i mysql 查看是否装置 mysql 安装包 或者 yum list installed | grep mysql
如果有内容阐明曾经依照
卸载命令：yum remove mysql-community-common-5.7.20-1.el7.x86_64
yum remove mysql-community-client-5.7.20-1.el7.x86_64
yum remove mysql57-community-release-el7-11.noarch
yum remove mysql-community-libs-5.7.20-1.el7.x86_64
yum removemysql-community-server-5.7.20-1.el7.x86_64

2 下载并装置 MySQL 官网的 Yum Repository
wget -i -c http://dev.mysql.com/get/mysql57-community-release-el7-10.noarch.rpm

3、装置 MySql
yum -y install mysql57-community-release-el7-10.noarch.rpm

留神：（在执行装置 MySQL 服务器命令可能会遇见这个问题）源“MySQL 5.7 Community Server”的 GPG 密钥已装置, 然而不适用于此软件包。请查看；解决办法：rpm --import https://repo.mysql.com/RPM-GPG-KEY-mysql-2022

4、解决完问题后开始装置 MySQL 服务器。yum -y install mysql-community-server

5、查看是否开机启动 Mysql
systemctl is-enabled mysqld.service

6、设置开机启动 Mysql
systemctl enable mysqld.service

7. 启动 Mysql 服务
systemctl start mysqld.service

7、查看默认明码
grep 'temporary password' /var/log/mysqld.log
我这显示
2022-04-29T06:29:20.081674Z 1 [Note] A temporary password is generated for root@localhost: flgJSNaSa4)s（如果没有生成
# 清理残留内容
rm -rf /var/lib/mysqllue
# 重启 MySQL 服务器
systemctl restart mysqld
# 从新生成初始密码）8、第一次应用下面的初始密码登录
mysql -uroot -p

9.mysql5.7 当前明码不能太简略，咱们能够把明码策略改了，这样就能够用 123456 了
set global validate_password_length=6;
set global validate_password_policy=0;
ALTER USER 'root'@'localhost' IDENTIFIED BY '123456';

10、开启 mysql 的近程拜访（留神：上面命令开启的 IP 是 192.168.0.1，如要开启所有的，用 % 代替 IP）：grant all privileges on *.* to 'root'@'192.168.0.1' identified by '123456' with grant option;
grant all privileges on *.* to 'root'@'%' identified by '123456' with grant option;
而后再输出上面命令（mysql 新设置用户或更改明码后需用 flush privileges 刷新 MySQL 的零碎权限相干表, 否则会呈现回绝拜访）flush privileges; 

11 查看字符编码
show variables like 'chara%';

批改编码：vim /etc/my.cnf
[mysqld]
character_set_server=utf8
init_connect='SET NAMES utf8'

保留退出并重启 mysql 服务  systemctl restart mysqld.service

12、如果防火请没有敞开须要凋谢端口 3306，如果防火请敞开了就不须要这一步了
#查问端口是否凋谢
firewall-cmd --query-port=3306/tcp
# 凋谢 3306 端口
firewall-cmd --permanent --add-port=3306/tcp
# 移除端口
firewall-cmd --permanent --remove-port=3306/tcp
#重启防火墙 (批改配置后要重启防火墙)
firewall-cmd --reload
# 参数解释
1、firwall-cmd：是 Linux 提供的操作 firewall 的一个工具；2、--permanent：示意设置为长久；3、--add-port：标识增加的端口；

做完以上配置后，能够尝试用 Navicat 连贯这个数据库。
而后执行我的项目的 SQL 文件导入数据，我置信大家都 ok，这就不再演示。

5、Vue 我的项目打包部署

1）批改 main.js 中的 baseURL 的 localhost 以及所有有波及到 localhost 的中央均改为申请到的阿里云服务器的公网 IP。

2）而后在终端执行命令：

npm run build

打包后的文件在生成的 dist 文件夹中，前端我的项目打包实现。

3）将打包好的 dist 文件夹上传到 /usr/local/nginx/html/ 中

4）启动 nginx，在浏览器中拜访前端我的项目。

6、Spring Boot 我的项目打包部署

1）批改 properties.yml 文件中的 localhost 为申请到的阿里云服务器的公网 IP 或者虚拟机中配置的 IP。查看是否须要批改数据库明码。查看无误后打包。
2）应用 maven 打包成 jar 包

3）将打包好的 jar 文件上传到 Linux 服务器中的 /home/javaProject，而后执行运行命令：

java -jar cecms.jar

4）让我的项目始终在云服务器上运行的 linux 命令有两种形式参考：
计划一：https://www.cnblogs.com/21556…
计划二（举荐）：https://www.csdn.net/tags/Mtj…

7、完结

至此，前后端我的项目都部署完了，你能够应用 IP 地址进行拜访。有问题或须要更正的评论区留言，感激大家观看！

正文完
vue.js
发表至： vue.js
2022-04-30
 0
关于vue.js:vuex命名空间
关于vue.js:vue3安装以及环境搭建
关于vue.js:自定义pie外圈及内部icon等
vue知识点梳理二