在腾讯云上部署vue前后端分离项目

1、购买云服务器

我使用的腾讯云,通过学生身份认证白嫖了15天的试用。。。
操作系统为Linux的cent OS7
关于如何购买并配置云服务器,可以参照此篇官方文档
快速配置 Linux 云服务器

2、配置云服务器的环境

我的本地项目用到了node,mysql数据库,所以就要在云服务器上也把这些环境给配置好,首先是配置node环境:

1、执行以下命令,下载 Node.js Linux 64位二进制安装包。

wget https://nodejs.org/dist/v10.16.3/node-v10.16.3-linux-x64.tar.xz

2、执行以下命令,解压安装包。

tar xvf node-v10.16.3-linux-x64.tar.xz

3、依次执行以下命令,创建软链接。

ln -s /root/node-v10.16.3-linux-x64/bin/node /usr/local/bin/node
ln -s /root/node-v10.16.3-linux-x64/bin/npm /usr/local/bin/npm

成功创建软链接后,即可在云服务器任意目录下使用 node 及 npm 命令。
依次执行以下命令,查看 Node.js 及 npm 版本信息。

node -v
npm -v
然后安装mySql数据库:

1、首先,我们检测一下系统中是否已安装mysql的相关服务
命令: rpm -qa | grep mysql,无输出则证明未安装
在这里插入图片描述

2、然后我们使用yum检测查找系统自带的mysql安装文件。
CentOS7的yum源中未找到mysql服务。所以,我们要先下载mysql的repo源。
下载命令:wget http://repo.mysql.com/mysql-community-release-el7-5.noarch.rpm
在这里插入图片描述
3、下载完成!接下来我们安装mysql-community-release-el7-5.noarch.rpm包
安装命令:sudo rpm -ivh mysql-community-release-el7-5.noarch.rpm
在这里插入图片描述
4、安装mysql-community-release-el7-5.noarch.rpm包完成,安装这个包后,会获得两个mysql的yum repo源:/etc/yum.repos.d/mysql-community.repo,/etc/yum.repos.d/mysql-community-source.repo.

5、接下来我们开始安装mysql
安装命令:sudo yum install mysql-server
在这里插入图片描述
6、按步骤安装完就可以了,成功安装之后重启mysql服务
重启命令:service mysqld restart

初次安装mysql是root账户是没有密码的

7、设置密码的方法(注意设置的密码应该和你本地项目用到mySql的密码一样)

依次输入命令并回车:

mysql -u root

mysql> set password for ‘root’@‘localhost’ = password(‘mypasswd’);

mysql> exit

8、重启服务器,搞定!

3、把后端项目部署至云服务器

这个可以有很多方法,可以在云服务器上装个Git,然后把你的项目拉下来,不过我个人比较懒,在本地Windows上装了个Xftp 5,直接粘贴复制就完事了,Xftp 5使用及配置请参照:
Xftp5安装使用教程

由于我的项目是前后端分离的,首先我把后端的项目文件传至云服务器:
注意:请把项目文件中的依赖文件夹整个删掉,太大了,上传得很慢,可能还会上传失败,把这个删掉:
在这里插入图片描述
然后上传完毕,到云服务器查看文件:
在这里插入图片描述
我们进入项目文件,然后运行npm i指令把依赖文件全部下载回来:
在这里插入图片描述

把后端项目用到的数据库添加进云服务器的mySql

后端项目用到了数据库,但是此时我们刚刚安装好的mySql是没有我们项目所用到的那个数据库文件的,所以我们要进入数据库,执行导入操作:

1、首先建空数据库

mysql>create database dbname ;

2、导入数据库

(1)选择数据库

mysql>use dbname ;

(2)设置数据库编码

mysql>set names utf8;

(3)导入数据(注意sql文件的路径)

mysql>source /home/xxxx/dbname .sql;

路径是你的项目用到的数据库文件的路径

把后端项目跑起来

我们进入后端项目文件夹,执行 node 指令运行入口文件
在这里插入图片描述
此时后端项目已经运行起来了

用screen使项目在后台运行

1、安装screen命令
yum install screen #安装

2、创建screen会话
screen -S session_name #创建screen会话,自定义screen虚拟终端的名称
创建会话后自动进入该虚拟终端

4、测试
我们可以执行一个服务,然后关闭SSH远程连接窗口,然后重新登录

screen -r session_name #查看之前的虚拟终端
自动会进入该虚拟终端,我们也就会看到项目还在运行。

我们可以执行以下指令查看已创建的会话
screen -ls #查看所有screen会话

如果想关闭会话,停止项目,可以执行以下指令:

  screen -S session_nace -X quit

4、把前端项目部署至云服务器

这个就简单了,文件上传到云服务器之后,进入项目文件夹,执行npm i把依赖先下载好,然后直接执行运行指令 npm run serve跑起来完事。。。
在这里插入图片描述

  • 4
    点赞
  • 20
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值