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

前言

毕业设计实现后，想实际一下如何部署到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.gztar -zxvf zlib-1.2.11.tar.gzcd zlib-1.2.11./configuremakemake 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 -ijava-1.7.0-openjdk-headless-1.7.0.261-2.6.22.2.el7_8.x86_64java-1.8.0-openjdk-headless-1.8.0.262.b10-1.el7.x86_64java-1.8.0-openjdk-1.8.0.262.b10-1.el7.x86_64java-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 environmentexport JAVA_HOME=/usr/local/java/jdk1.8.0_331export CLASSPATH=.:$JAVA_HOME/lib/dt.jar:$JAVA_HOME/lib/tools.jarexport 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_64yum remove mysql-community-client-5.7.20-1.el7.x86_64yum remove mysql57-community-release-el7-11.noarchyum remove mysql-community-libs-5.7.20-1.el7.x86_64yum removemysql-community-server-5.7.20-1.el7.x86_642 下载并装置MySQL官网的 Yum Repositorywget -i -c http://dev.mysql.com/get/mysql57-community-release-el7-10.noarch.rpm3、装置MySqlyum -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-20224、解决完问题后开始装置MySQL服务器。yum -y install mysql-community-server5、查看是否开机启动Mysqlsystemctl is-enabled mysqld.service6、设置开机启动Mysqlsystemctl enable mysqld.service7.启动Mysql服务systemctl start mysqld.service7、查看默认明码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 -p9.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=utf8init_connect='SET NAMES utf8'保留退出并重启mysql服务  systemctl restart mysqld.service12、如果防火请没有敞开须要凋谢端口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地址进行拜访。有问题或须要更正的评论区留言，感激大家观看！