记录vue脚手架小项目部署阿里云轻量服务器

记录vue脚手架小项目部署阿里云轻量服务器
首先,购买一个服务器,因为不是很了解,但是看到学生机器
,有两个,一个是ecs云服务器,一个是轻量级啥啥啥,都是114rmb一年,区别在于后者带宽为5mb,所以购买了后者。
言归正传,我这里是用的window server系统进行配置的,相对比较简单,安全不安全的,对于一个静态项目来说不重要,就想上个线看看。
1,这是控制台的样子,
记录vue脚手架小项目部署阿里云轻量服务器
2,这里可以修改系统
记录vue脚手架小项目部署阿里云轻量服务器
3,可以点图一击右上角,远程连接,然后设置账号密码,然后在你的电脑上搜索远程连接
记录vue脚手架小项目部署阿里云轻量服务器
4,然后在计算机名处输入阿里云的公网ip,然后再输入第三步时候的用户名和密码。不出意外就连接上了
记录vue脚手架小项目部署阿里云轻量服务器

5,然后呢,我就缩小这个窗口,把电脑上早已准备好的vue全家桶项目打包,npm run build生成dist文件,然后放到我已经写好的node接口环境中,在本地使用node index.js就能运行项目
5.1,项目目录
记录vue脚手架小项目部署阿里云轻量服务器
5.2,项目运行
记录vue脚手架小项目部署阿里云轻量服务器
6,然后右键复制这个文件夹,进入服务器中,粘贴到桌面
记录vue脚手架小项目部署阿里云轻量服务器
7,然后还要改一下index.js中的代码,删除掉本来的‘127.0.0.1’,但是保留端口。
记录vue脚手架小项目部署阿里云轻量服务器
8,然后同样的,把这个项目像在本地运行一样,先安装node,然后在服务器上也把项目运行起来,node index.js,
记录vue脚手架小项目部署阿里云轻量服务器

9,但是光这样运行起来还不够,外界还不能访问到,还需要配置一下阿里云的安全规则,比如我的端口是3009,所以在服务器安全设置里面添加上这个端口,点击这个服务器安全设置,点击哪个数字,进入配置
记录vue脚手架小项目部署阿里云轻量服务器
10,在里面添加这一条
记录vue脚手架小项目部署阿里云轻量服务器

11,然后接可以访问啦,访问地址为公网ip加端口号
例如我的:39.105.177.204:3009即可访问
记录vue脚手架小项目部署阿里云轻量服务器