记录vue脚手架小项目部署阿里云轻量服务器
记录vue脚手架小项目部署阿里云轻量服务器
首先,购买一个服务器,因为不是很了解,但是看到学生机器
,有两个,一个是ecs云服务器,一个是轻量级啥啥啥,都是114rmb一年,区别在于后者带宽为5mb,所以购买了后者。
言归正传,我这里是用的window server系统进行配置的,相对比较简单,安全不安全的,对于一个静态项目来说不重要,就想上个线看看。
1,这是控制台的样子,
2,这里可以修改系统
3,可以点图一击右上角,远程连接,然后设置账号密码,然后在你的电脑上搜索远程连接
4,然后在计算机名处输入阿里云的公网ip,然后再输入第三步时候的用户名和密码。不出意外就连接上了
5,然后呢,我就缩小这个窗口,把电脑上早已准备好的vue全家桶项目打包,npm run build生成dist文件,然后放到我已经写好的node接口环境中,在本地使用node index.js就能运行项目
5.1,项目目录
5.2,项目运行
6,然后右键复制这个文件夹,进入服务器中,粘贴到桌面
7,然后还要改一下index.js中的代码,删除掉本来的‘127.0.0.1’,但是保留端口。
8,然后同样的,把这个项目像在本地运行一样,先安装node,然后在服务器上也把项目运行起来,node index.js,
9,但是光这样运行起来还不够,外界还不能访问到,还需要配置一下阿里云的安全规则,比如我的端口是3009,所以在服务器安全设置里面添加上这个端口,点击这个服务器安全设置,点击哪个数字,进入配置
10,在里面添加这一条
11,然后接可以访问啦,访问地址为公网ip加端口号
例如我的:39.105.177.204:3009即可访问