vue-cli+express+serverless服务器上线部署教程
前端部分 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:自动部署完成后,打开域名
文章图片
文章图片
【vue-cli+express+serverless服务器上线部署教程】大功告成~
推荐阅读
- 探索免费开源服务器tomcat的魅力
- [源码解析]|[源码解析] NVIDIA HugeCTR,GPU版本参数服务器---(3)
- mac|mac 链接linux服务器 如何在Mac上连接服务器
- Linux|Linux 服务器nginx相关命令
- 运维|如何限制IP 通过 SSH连接服务器
- 服务器未能释放tcp连接,TCP连接的建立和释放
- http请求与响应
- javaEmail一(传输协议简介)
- 59期day1(常见红蜘蛛故障和服务器基础知识)
- linux|linux centos7服务器时间同步