关于node.js:vuecliexpressserverless服务器上线部署教程

前端局部 vue-cli创立工程脚手架

step1：新建文件夹

step2：在创立的文件夹中执行上面命令

npm install -g @vue/cli
vue create .

◆ 输出后会让你抉择，按提醒即可

◆ 最初执行完结提醒如下即胜利

◆ 会生成以下目录

step3：运行vue-cli-service serve调试

◆ 执行上面命令

npm run serve

◆ 关上Local网址

step4：运行vue-cli-service build打包工程

◆ 执行上面命令

npm run build

◆ 执行完结后会生成dist目录

前端局部到此结束…

后端局部 Express框架之express脚手架

step1： 执行上面命令-装置生成器

npm install express-generator -g  

step2： 创立名称为APP的利用：

express app 

目录构造

step3： 将前端局部生成打包的dist文件夹的所有文件复制到public目录下

step4：本地调试-执行上面命令

npm run start

◆ 关上http://localhost:3000/

step5：创立自启动脚本，在根目录下创立scf_bootstrap文件

后盾局部实现…

腾讯云serverless平台部署

step1:将后端局部的APP利用所有文件上传至任意一个git仓库

step2:登录腾讯云-关上serverless利用核心

step3:点击新建利用-抉择Web利用-Express框架

step4：配置好利用名、上传形式抉择代码仓库、配置好代码源、仓库信息，其余默认即可，点击实现触发主动部署

step5：主动部署实现后，关上域名

功败垂成~