从0开始的前端项目部署，以vue项目为例的手动部署

服务器准备

1. 先准备一台Linux服务器，我这里用的是华为的30天免费使用云耀云服务

2. 然后去宝塔官网先安装个宝塔，可以选择在线安装，只安装个Nginx和ftp就行，其他不需要安装

3. 安装完之后，回到服务器控制台，需要去服务器放行端口号，试用服务器我们可以选择全部放行，按照以下图片依次操作。

4. 以上配置完之后，我们进入服务器终端 远程登录> CloudShell登录，输入密码后进入终端，输入 bt 然后输入编号 14 就可以查看宝塔的登录地址了。复制地址登录宝塔。

宝塔设置

1. 进入宝塔，绑定账号，然后在 /www/wwwroot/default 目录下随便创建一个文件夹用放置你的前端项目。

准备项目

1. 随便准备一个前端项目打包，我这里选择的开源vue中后台项目，打包后把dist文件夹下的全部文件上传到这个目录下，你可以选择 ftp上传，创建ftp账号指定文件夹。

2. 或者把dist文件夹压缩上传然后解压，后续更新可以选择ftp

创建网站

1. 开始创建网站 点击网站 》创建HTML网站，输入域名或者ip地址。

2. 创建之后设置一下Nginx， 防止History路由模式下刷新页面404，还有项目文件夹下的.htaccess文件也添加以下代码

location / {
    try_files $uri $uri/ /index.html;
}

3. 这时候就设置完成了，浏览器输入ip地址或者域名就可以进入网站了，刷新网页也不会404，大功告成。