Vue项目简单部署的过程记录(vue+node(express)+mysql)

一、将项目上传到github上

git init

git add .

git commit -m ‘first commit’

//这边源要是存在可以先移除，然后再添加
git remote add origin https://github.com/[username]/[Repo].git
git remote remove origin

//第一次上传需要加 -u，输入用户名和密码之后就可以上传了
git push -u origin master

以上情况属于新建的仓库不含内容。其他情况可以百度。

//相关命令
git pull --rebase origin master

二、在github上预览项目打包后的页面

新建一个分支，这里已经创建完gh-pages分支

vscode使用该分支上传打包后的文件。首先，点击左下角的分支，创建一个与上一步同名的分支并选择。

将打包后的文件移动到根目录，不移动git会忽略上传并且index.html没有暴露在根目录后面访问不到。
然后就是上传到github的步骤。
git add .
git commit -m ‘gh-pages’
git push origin gh-pages

回到github上，选择新建分支，进入settings
下滑到github pages，点击链接，就可以通过https://[username].github.io/[Repo]/访问项目了

三、 服务器运行后端接口程序

这里使用了腾讯云服务器，用xshell进行连接。

#安装nodejs

//安装nodejs
yum install -y nodejs

//发现版本比较低，配置淘宝镜像
npm config set registry https://registry.npm.taobao.org

//安装nrm，用于切换镜像的工具
npm i -g nrm
nrm current //查看当前镜像
nrm use npm //使用回npm镜像
nrm use taobao //使用taobao镜像

//安装n,用于升级node
npm i -g n
n latest //安装最新版node

需要重启xshell，或者重启远程连接，检查更新后的版本号是否是最新的。

#安装nginx

yum install -y nginx

#安装git

yum install -y git

cd /data
git clone 后端的express项目
cd 项目

#安装pm2

用于后台运行node

yum install -y pm2

pm2 start ./bin/www

//相关命令
pm2 list //查看列表
pm2 logs www //查看www的logs
pm2 stop www //停止www
pm2 delete www //删除www

//curl验证运行成功
curl http://localhost:3000

#安装mysql

//检测是否已安装
yum list installed | grep mysql
//如果安装要移除旧版本 例子
rpm -e --nodeps mysql-libs-5.1.73-5.e16_6.i686

//下载安装包
rpm -ivh http://dev.mysql.com/get/mysql57-community-release-el7-8.noarch.rpm

//安装mysql
yum install -y mysql-server

//设置开机启动mysql
systemctl enable mysqld.service
//检查是否已经安装了开机自动启动
systemctl list-unit-files | grep mysqld

//设置开启服务
systemctl start mysqld.service

//查看MySql默认密码
grep 'temporary password' /var/log/mysqld.log

//登陆MySql，输入用户名和密码
mysql -uroot -p //密码为上一步的默认密码
//修改密码
set password = password('123');

如果出现下列错误，就是密码设置太简单了，需要把修改密码的要求调简单点，但是又报了需要重置密码才能操作。

我们可以先设置一个符合的密码，可以将默认密码加个数字，然后当做密码先设置。然后把密码的设置要求调一下。

//查看密码设置要求
SHOW VARIABLES LIKE 'validate_password%';

//设置密码的验证强度等级
set global validate_password_policy=LOW;
//至少要包含大/小写字母的总个数为0
set global validate_password_mixed_case_count=0;
//至少要包含特殊字符的个数为0
set global validate_password_special_char_count=0;
//设置密码的长度为1
set global validate_password_length=1; 
//修改密码
set password = password('123');

#运行mysql文件

//创建数据库,名称根据项目而定
create database tikudb;

//指定数据库
use tikudb;

//执行脚本
source tikudb.sql;

//相关命令
show databases; //显示数据库列表
show tables; //显示表
describe users; //显示users表结构

退出mysql mysql>quit
检测后端是否与数据库连接成功。

curl http://localhost:3000/users/get