需要准备的东西

  • 1台阿里云ECS服务器(centos系统)
  • 1个域名(国内访问需要进行备案)
  • 需要部署上线的项目

项目技术栈
1套前端vue项目
技术栈: vue全家桶+webpack打包 + node koa或者express框架
小白入门阿里云部署vue项目教程
上传项目步骤

1. 安装宝塔面板

在阿里云的centos 服务器上安装宝塔面板,(好处是不用记干巴巴的命令行,可视化界面操作),如何安装宝塔面板的具体步骤建议百度自行研究,安装完后,如下图
小白入门阿里云部署vue项目教程

2.新建网站

点击左侧导航栏 网站-> 新建网站-> 然后填写网站的域名之类的信息
小白入门阿里云部署vue项目教程
小白入门阿里云部署vue项目教程

到这里 网站就建设好了 如何访问呢??

3. 解析域名

需要 去阿里云控制台对域名进行解析
小白入门阿里云部署vue项目教程

小白入门阿里云部署vue项目教程

打开cmd窗口,ping一下 看看二级域名有没有通
小白入门阿里云部署vue项目教程
小白入门阿里云部署vue项目教程

4 上传代码
小白入门阿里云部署vue项目教程
小白入门阿里云部署vue项目教程

对压缩包进行解压
小白入门阿里云部署vue项目教程
小白入门阿里云部署vue项目教程

5. 启动项目
打开阿里云ecs服务器,在网页端连接远程

小白入门阿里云部署vue项目教程
小白入门阿里云部署vue项目教程
小白入门阿里云部署vue项目教程
小白入门阿里云部署vue项目教程

然后关闭dos窗口就可以了,到这里整个网站的上传步骤就已经结束了。

相关文章: