vue项目上线步骤

今天，我要将前几篇文章中做好的项目上线，步骤如下;

一. 工具准备

需要用到这个工具 finalshell.exe，来连接服务器，可以自行下载并安装，简单~
https://pan.baidu.com/s/1LvMGdZ8u9r3Cqa–UsEyDw

二. 服务器准备

我买的是阿里云服务器，买了服务器，就会拥有一台服务器，当然也会拥有固定的IP，至于域名，可以选择注册，也可以不注册（注册域名，要进行域名备案才能用，备案过程有点繁琐，备案信息中的所有地址都要和身份证上的一致，且手机号的归属地也要和身份证上的相同，因为之后有工信部验证手机号这一步骤；相反，如果备案信息中的地址和身份证地址不一致，需要上传居住证；如果备案信息中的地址和身份证一致，但手机号归属地和身份证地址不一致，也需要上传居住证，所以最好的做法是备案信息中的地址、手机号归属地都要和身份证地址保持一致。提交备案信息后，等待阿里云的初审，客服会打电话来核实部分信息，比如身份证中间6位 / 身份证后4位，域名是什么等等。另外，还有一种情况是网站名字不能通过初审，我第一次是因为网站名字包含了成语。初审过了之后，阿里云客服会将备案信息提交工信部，工信部核实了手机号之后，会给手机号发送一个验证码，要确保在24小时之内完成验证，否则会被驳回。手机号验证成功之后，就是13-20个工作日的漫长等待。所以域名根据需要购买，上线自己的项目的话，不买域名也可以的）
***
（我是一条快乐的分割线）
***
接下来，我们来看下，阿里云服务器购买成功后，有什么信息

• 服务器重置密码
  默认已经忘记了密码，我们先来重置密码，以方便我们用 finalshell工具 连接上远程服务器。记得密码的可以跳过这一步。
  
  
  点击"提交"即可，重置密码成功，记得自己的服务器密码， 接下来在 finalshell 中会用到。

三. 服务器部署

打开 finalshell，

四. 安装nginx

	yum install -y nginx

设置开机启动

	systemctl start nginx.service
	systemctl enable nginx.service

好了，现在用浏览器访问自己的 公网IP 地址，却发现显示不成功，我们来分析下原因：

• nginx默认使用端口 80， ecs实例没有开启端口80，默认只有 22 和 3389。所以，我们要去阿里云ecs服务器配置80端口，即添加安全组规则
  
  
  
  
  
  然后再去浏览器访问自己的公网地址， 就可以看到如下画面
  
  到此，配置、连接成功，接下来就是要把自己的项目上线。

五. 服务器部署上线

接下来，找到一个之前的一个vue项目 , 运行如下命令打包，打包项目之后，出现一个dist文件夹目录

	cnpm run build