阿里云ECS部署

蟑螂大道

已于 2023-11-06 17:42:49 修改

阅读量538

点赞数

分类专栏：部署文章标签：阿里云 vue.js 前端 javascript 前端框架

于 2023-07-02 16:47:19 首次发布

本文链接：https://blog.youkuaiyun.com/qq_43551056/article/details/131501653

版权

部署专栏收录该内容

1 篇文章

订阅专栏

文章详细介绍了前后端分离的部署过程，包括前端如何打包项目，后端如何使用Node.js管理不同版本的Node，MongoDB的安装与启动，以及Nginx的配置和前端代码的部署。同时，提到了Linux常用命令和进程守护工具nohup的使用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

部署分类

后端部署

前端只需要将我们的项目打包好，交给后端开发人员即可。后端开发人员会把我们打包好的项目放到后端的静态资源目录里面。

前后端分离部署

后端部署部署到后端的服务器。
前端将打包好的资源，部署到前端的服务器。
用户在做请求的时候，从前端服务器请求静态资源，然后从后端服务器获取数据。

目前前端部署静态资源时，大多采用 Node.js 或者 Nginx 来做静态资源部署

node.js

# 1.安装git工具
yum install git -y

# 2.使用Git将NVM的源码克隆到本地的~/.nvm目录下，并检查最新版本。
git clone https://gitee.com/mirrors/nvm.git ~/.nvm && cd ~/.nvm && git checkout `git describe --abbrev=0 --tags`

# 3.配置NVM的环境变量
echo ". ~/.nvm/nvm.sh" >> /etc/profile
source /etc/profile

# 4.修改npm镜像源为阿里云镜像，以加快Node.js下载速度
export NVM_NODEJS_ORG_MIRROR=https://npmmirror.com/mirrors/node

# 5.查看所有node版本
nvm list-remote

# 6.下载指定版本node
nvm install v16.19.1

# 7.查看已安装的node
nvm ls

# 8.切换node版本
nvm use v18.0.0

MongoDB

1.安装MongoDB

# 使用的是yum命令安装，需要先添加yum源：
vi /etc/yum.repos.d/mongodb-org-5.0.repo

# 然后将如下内容添加进去：
[mongodb-org-5.0]
name=MongoDB Repository
baseurl=https://repo.mongodb.org/yum/redhat/$releasever/mongodb-org/5.0/x86_64/
gpgcheck=1
enabled=1
gpgkey=https://www.mongodb.org/static/pgp/server-5.0.asc

# 在vi中按键盘的i键是插入内容，插入完毕后按ESC退出，然后输入:wq 保存

2.启动MongoDB

# 启动
systemctl start mongod  
# 查看状态
systemctl status mongod 
# 重新启动
systemctl restart mongod

3.配置安全组

在这里插入图片描述

4.测试数据库

# 执行mongo命令
mongo

mongod.conf配置文件

vi /etc/mongod.conf

上传服务器代码

安装位置 /usr/local
在这里插入图片描述

# 解压
unzip my-site-server.zip

# 安装依赖包
npm i

# 启动
npm run start

恢复数据库数据

导出数据库
在这里插入图片描述

导入数据库

mongorestore -h dbhost -d dbname --dir dbdirectory

-h：MongoDB 所在服务器地址
-d：需要恢复的数据库名称
–dir：备份数据所在路径

nginx

1.安装nginx

# 查看dnf版本
dnf --version

# 查找是否是否安装
dnf search nginx

# 安装nginx
dnf install nginx

# 启动nginx
systemctl start nginx

# 重启nginx
systemctl restart nginx

# 查看nginx运行状态
systemctl status nginx

# 相当于开机自启（重启服务器，nginx自动启动）
systemctl enable nginx

2.上传前端代码

1.删除nginx的默认网站
在这里插入图片描述
2.将打包好的前台代码放入 nginx 的 html 目录下

3.将打包好的后台代码放入到 nginx/html/admin 目录下

4.nginx配置文件

# 切换到nginx配置文件
cd /etc/nginx/

# 编辑nginx.conf文件，a编辑状态
vim nginx.conf

添加以下配置

location / {
    root   html;
    index  index.html index.htm;
    try_files $uri $uri/ /index.html; # 是history模式生效
  }

location /api {
  proxy_pass http://127.0.0.1:7001;
}

location /res {
  proxy_pass http://127.0.0.1:7001;
}

location /static {
  proxy_pass http://127.0.0.1:7001;
}

项目打包后生成dist文件夹，传输到服务器的 /root文件夹
在这里插入图片描述

3.配置nginx

切换到nginx配置文件

# 该文件夹下的nginx.conf文件
cd /etc/nginx/

编辑nginx.conf文件，a编辑状态

vim nginx.conf

在这里插入图片描述

3. 重启nginx服务器

systemctl restart nginx

linux

常用命令

ls：查看当前目录下的文件有哪些

exit：退出系统

clear：清屏

touch：创建文件，例如 touch 文件名

mkdir：创建目录，例如 mkdir 目录名称

mv：移动目录或者文件，例如 mv 要移动的文件或者目录 要移动到哪儿

rm -rf 要删除的目录或者文件名：删除目录或者文件

进程守护

# 来把进程挂起，这样即使我们退出了远程连接，也能够继续保持进程。
nohup commandName &
nohup npm start &

挂起进程之后，使用 exit 命令来退出远程连接

dnf软件包管理器

# 查找
dnf search mysql
# 安装
dnf install mysql
# 软件信息
dnf info mysql