阿里云 nginx 部署vue项目的代码

在开发完成之后需要部署我们的网站项目，那么步骤如下：

• 打包vue项目，使用npm run build将vue项目打包成dist的文件夹下面，然后将dist文件夹压缩方便上传到服务器
• 将dist.zip上传到阿里云的文件夹下面，默认情况是上传到 /var/www下面，在不配置nginx的情况下，默认情况下的放项目的地方
• 将上一步上传到/var/www文件夹下面的dist.zip解压
• 将解压后的文件夹dist改名为html，这个/var/www/html文件夹就是我们的项目目录了
• 启动nginx，命令行输入 nginx命令即可
  上面就是默认打包运行nginx项目的流程，主要是在于默认的文件夹下面，作为新手不清除配置nginx的情况下，将默认文件夹/var/www/html作为项目保存的目录也就是index.html需要放在/var/www/html下面即可\br
• 注意第一次开启项目，需要在阿里云设置配置端口，打开监听80的端口 阿里云打开80端口