# 腾讯云Serverless部署Vue项目

Serverless Framework 是业界非常受欢迎的无服务器应用框架,开发者无需关心底层资源即可部署完整可用的 Serverless 应用架构。Serverless Framework 具有资源编排、自动伸缩、事件驱动等能力,覆盖编码、调试、测试、部署等全生命周期,帮助开发者通过联动云资源,迅速构建 Serverless 应用。

使用腾讯云部署Serverless Framework需要先开通腾讯COS,目前使用COS新用户仅有6个月免费额度,如果想要免费部署静态网站服务用这个就不太划算了。部署Vue项目还是比较简单的,流程如下:

  1. 本地安装serverless,npm安装npm install -g serverless
  2. 在Vue项目根目录下新增serverless.yml文件;
component: website # (必填) 引用 component 的名称,当前用到的是 tencent-website 组件
name: websitedemo # (必填) 该 website 组件创建的实例名称
org: test # (可选) 用于记录组织信息,默认值为您的腾讯云账户 appid
app: websiteApp # (可选) 该 website 应用名称
stage: dev # (可选) 用于区分环境信息,默认值是 dev

inputs:
  bucketName: website # 存储桶名称,如果不填每次发布会自动生成一个,每次访问的链接会不一样
  region: ap-guangzhou # 存储桶区域
  protocol: https # 通过https访问链接,默认http
  src:
    src: ./src
    hook: npm run build # Vue构建的执行命令
    dist: ./dist # 生成静态资源目录,也是发布目录
src:
  src: ./
  exclude:
    - .env
    - .git/**
    - '**/node_modules'
    - '**/package-lock.json'
  1. 在根目录执行sls deploy发布,微信扫二维码登录,完成即可在Serverless Framework下查看到站点信息。

部署示例:https://service-94evohwo-1252705841.gz.apigw.tencentcs.com/release/

如果有自己的域名,可以考虑使用自定义域名,如何使用CDN自定义https域名后续更新。