# 项目上线

# 1、环境替换

# 2、打包（工作中一般前端就做到这，把打包后的 dist 文件夹交上去就行了）

# 3、把 dist 上传到服务器 - 配置 nginx 代理

如果后端服务和前端代码（dist）放在一个域下面就不存在跨域，不用配置 nginx 的跨域部分

连接服务器， cd etc 后安装 nginx： yum install nginx
cd nginx 后进行配置 vim nginx.conf :

	user root;
	location / {
	root /root/www/dist;
	index index.html index.html;
	}

修改后重启： systemctl restart nginx.service , 随后项目便上线了

# 代码上传仓库

需要安装 git 并使用 git 初始化项目才行

点击 vscode 侧边栏的 git 图标，初始化仓库
创建 .gitignore , 忽略 node_modules 和图片
.gitignore 文件：

node_modules
/public/upload

点击提交。（此时本地仓库已经建立好了）
建立远程仓库，复制地址
点击 vscodegit 图标，点击右上角的 ··· , 远程 - 添加远程存储库。（会要求你输入账号密码）
同步仓库：点击 发布Branch

# 云服务器

连接服务器，安装 nodejs 等环境
云服务器根目录下创建 www 文件夹（非绝对），随后 git clone 克隆项目
安装项目依赖（ npm i 之类的），安装 nodemon，启动项目

# 域名

域名解析：域名和 ip 地址作对应
%522WUKJWZH$} 8N.png)

# 配置 HTTPS 证书

https 本意是 <span style="color:red">http + SSL (Secure Sockets Layer 安全套接层)</span>
https 可以 <span style="color:red"> 加密 HTTP 报文 </span>，所以大家可以理解为是安全的 HTTP
工具官网：https://certbot.eff.org/
操作流程 (必须在服务器端进行)：

下载工具 https://dl.eff.org
安装工具
管理员运行命令 certbot certonly --standalone , 输入邮箱和域名即可获得证书
代码配置
证书更新证书有效期为三个月，可以通过下面命令更新

## 一般更新
certbot renew
## 强制更新
certbot --force-renew

实战

# 项目上线

# 1、 环境替换

# 2、 打包（工作中一般前端就做到这，把打包后的 dist 文件夹交上去就行了）

# 3、 把 dist 上传到服务器 - 配置 nginx 代理