vercel使用

129 阅读2分钟

前端

对于ts,经常会有很多语法检测,但这些语法并不影响项目的运行,但build时会报错,所以我们需要在build时跳过语法检测,修改build命令如下

image.png

打包好后在终端中打开dist并安装serve,执行serve测试启动

image.png

使用vercel免费部署,首先注册账号,创建项目

image.png

image.png

选择github的一个仓库进行部署初始化

image.png

在前端项目终端执行vercel login进行登录,登陆后执行vercel --prod进行线上环境部署即成功

image.png

配置域名:目前其他人还是无法通过默认提供给你的.app域名进行访问(在国内被墙了),所以需要配置自己的域名(输入在阿里云购买的域名) image.png

又由于阿里云无法解析到vercel的ip(国内限制),所以先去你的阿里云域名列表修改dns服务解析商,我改用的解析商为cloudfare

image.png

其中dns服务器在概述中有说明如何配置,由于我配置完毕了,所以显示为活动状态

image.png

修改解析商后,配置解析映射(这里的类型、名称、内容在vercel--settings--domains有,可以先添加一个无法解析的域名,它会提示你如何解析)

image.png

解析成功后,会自动生成ssl证书

image.png

生成ssl证书后,还是无法访问,因为重定向次数过多,所以设置ssl的配置为完全

image.png

现在就可以访问了!

后端(暂无)

后端项目采用微信云托管部署,使用了容器技术,但我遇到一堆坑,所以我放弃了,采用宝塔部署,有兴趣的同学可以关注一下微信云托管

后端项目编写Dockerfile文件,注意文件位置以及maven、jdk版本,名称改为项目名称

image.png

并保证有prod.yml文件

image.png

使用微信云托管部署(启用内网以保证后续可使用redis)

image.png

有多种方式上传,但一定要保证端口号正确

image.png