头图

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:自动部署完成后,打开域名

大功告成~

阅读 270
7 声望
0 粉丝
0 条评论
你知道吗?

7 声望
0 粉丝
文章目录
宣传栏