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

需要准备的东西

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

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

1. 安装宝塔面板

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

2.新建网站

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

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

3. 解析域名

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

小白入门阿里云部署vue项目教程_第6张图片

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

4 上传代码
小白入门阿里云部署vue项目教程_第9张图片
小白入门阿里云部署vue项目教程_第10张图片

对压缩包进行解压
小白入门阿里云部署vue项目教程_第11张图片
小白入门阿里云部署vue项目教程_第12张图片

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

小白入门阿里云部署vue项目教程_第13张图片
小白入门阿里云部署vue项目教程_第14张图片
小白入门阿里云部署vue项目教程_第15张图片
小白入门阿里云部署vue项目教程_第16张图片

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

你可能感兴趣的:(阿里云)