阿里云ECS服务器部署node项目和vue项目

dance 发布于2019-08-23 11:38 / 564人阅读

摘要：阿里云服务器部署项目和项目遇到的问题第三章申请阿里云服务器阿里云服务器地址第一次啥都不懂选的数据中心版位中文版不含。步骤输入申请阿里云服务器时候创建的登录名和登录密码，点击链接。

阿里云ECS服务器部署node项目和vue项目遇到的问题(第三章)

申请阿里云ECS服务器

阿里云服务器地址

第一次啥都不懂 选的Windows Server Version 1709 数据中心版64位中文版(不含UI)。
因为自己是做前端的，心里就想把项目传到服务器让自己项目能从服务器中跑起来。
首先学习远程连接服务器主机,阿里云服务器实例也有远程连接地址如图：

但进去总是黑的，后面又用了cmd  mstsc.exe  远程连接服务器主机，步骤如下:

步骤1：

步骤2：此处输入阿里云ecs服务器的公网IP

步骤3：点击本地资源后点击详细信息

步骤4：选择要共享的盘服务器主机上可以从共享盘拷贝资源，然后确定。

步骤5：输入申请阿里云服务器ECS时候创建的登录名和登录密码，点击链接。

出现的问题是服务器一直是黑的，网上找了资料都说是服务器主机待机，按下键盘或者重启主机就可以了，
试了很多次无用，于是提交了工单，工作人员恢复的内容如下：

有两种解决办法：1链接描述 2链接描述
我用的是第二种更换系统盘

然后重启服务器后远程连接就可以了。

xftp上传问题

因为自己是搞前端的，之前是用xftp传代码到服务器的，自己也想用xftp上传前端代码。
首先需要在服务器主机安装，参照：FileZilla Server安装和设置ftp服务,可以在自己电脑上下载在复制过去。
设置好后，在自己客户端用xftp 新建项目中输入相应的内容：

然后确定连接后遇到一个问题，连接成功了但是看不见文件夹,提示如下：

点击设置-传输-使用被动模式(p)不选中后确定，连接就可以了。
还需注意的是服务器的端口21时候被占用问题，和阿里云服务器防火墙21端口的开放问题，已经阿里云安全组端口设置的问题，
都有可能引起连接不上。
如下配置：我也配置了不晓得有没得影响阿里云配置ftp服务，如果上面配置了不行就把这个配置也配上。

node项目的部署

(1) 阿里云服务器主机安装node
(2) 阿里云服务器主机安装npm
(3) 阿里云服务器主机安装数据库,本次使用的是mongodb,mongodb安装及配置，本人用的mongodb可视化工具为Robomongo
(4) 阿里云服务器主机安装npm install 安装你的依赖
(5) 阿里云服务器主机安装pm2 启动node项目 pm2
(6) 因为本地node项目端口为3006 就需要阿里云安全组配置3006端口，安全组配置，
并且服务器主机也要配置防火墙的开放阿里云windows服务器防火墙配置。
(7) 然后node项目就部署完了

前端项目部署
现在项目一般都是前后端分离，服务器端一般用nginx服务器部署前端项目。
因为用的是node+express+mongodb创建的后台项目，
第一种方式：可以把前端项目直接部署到node项目中，
因为node项目也是一个服务器,修改app.js的代码，修改如下：

然后直接把前端打包后的文件通过xftp传到node项目的views文件下,启动node项目就可以了

第二种方式：就是我们几乎都使用的方式：使用nginx服务器。
首先下载一个nginx,直接启动nginx.exe,通过xftp把前端打包后的文件传到nginx下面的html文件下就可以了，
因为nginx默认的端口为80，所以就可以直接用共有IP直接访问了，
资历有一个问题就是我们前面部署的node项目端口为3006，只有就需要配置nginx,如下：
，
这样前后端项目就部署好了。

云服务器怎么部署node项目腾讯云服务器部署vue项目项目和数据库部署阿里云服务器阿里云服务器搭建vue项目

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/97240.html

Vue项目部署（阿里云+Nginx代理+PM2）

摘要：最近部署一个项目到阿里云上，因为项目涉及一些跨域请求，所以采用了代理请求本地的服务利用做进程管理。先交代下在阿里云里安装的部署环境调试运行大礼包，里面包含等，还能监控端口占用情况服务进程管理工具等等。不过目前只是实现构建部署访问。最近部署一个Vue项目到阿里云ECS上，因为项目涉及一些跨域请求，所以采用了Nginx代理请求本地的node服务（利用pm2做进程管理）。node服务借助a...

Drinkey 2019-07-25 14:42 评论0 收藏0
服务器部署前端&node项目(包括阿里云服务器、nginx以及mongoDB 的配置)

摘要：比如暴露端口，选择，授权对象填，其他默认就可以了。开启性能平台，点击创建新应用按照操作提示来就行，成功开启后在项目配置具体配置看下文就可以监控数据了。建议不熟悉 linux 命令的小伙伴同时打开我的另一篇博客linux 常用操作服务器购买&配置打开阿里云，选择购买云服务器 ECS，这里可以选择一键购买进行快速配置,操作系统选择 CentOS 7.2 64 位，其他默认或根据实...

wushuiyong 2019-07-25 14:33 评论0 收藏0
使用阿里云codepipeline来持续部署前端工程（vue，react等等）教程

摘要：是什么阿里云是一款提供持续集成持续交付能力，并完全兼容的能力和使用习惯的化产品。后续遇到的坑如果发生构建失败，记得要删除当前构建，否则触发器不会工作 1、codepipeline是什么阿里云CodePipeline是一款提供持续集成/持续交付能力，并完全兼容Jenkins的能力和使用习惯的SAAS化产品。通过使用阿里云CodePipeline，您可以方便的在云端实现从代码到应用的持续...

jone5679 2019-08-23 11:59 评论0 收藏0
vue+node项目部署上线

摘要：在线地址现在新用户购买阿里云服务器年只要啦。。开放端口登陆阿里云，进入控制管理台云服务器安全组配置规则快速创建规则启动服务浏览器打开服务器如，如无意外，即正常运行访问啦。在线地址: cl8023.com github 现在新用户购买阿里云服务器 3年只要398啦。。https://m.aliyun.com/act/team... 云服务器阿里云 or 腾讯云阿里云服务器品牌：...

Alliot 2019-08-21 17:48 评论0 收藏0
阿里云ECS服务器部署Node.js项目全过程详解

摘要：本文详细介绍如何部署项目到阿里云上，以及本人在部署过程中所遇到的问题坑点和解决办法，可以说是全网最全最详细的教程了。同时讲解了如何申请阿里云免费证书，以及一台服务器配置多网站的配置方法等。优惠券阿里云产品通用代金券最高元。本文详细介绍如何部署NodeJS项目到阿里云ECS上，以及本人在部署过程中所遇到的问题、坑点和解决办法，可以说是全网最全最详细的教程了。同时讲解了如何申请阿里云免费...

XboxYan 2019-06-26 17:57 评论0 收藏0