DailyHot 今日热榜前端页面 部署教程

ugOk.gif

前言

前端页面使用 Vue3 进行开发,需要配合 热榜API 使用,热榜API部署教程请看近期文章

如果你不想自己部署API接口,可以使用我们已经部署好的API(已在部署文件内配置),直接上传部署即可,如果你想使用自己部署的API,请按照教程修改配置文件即可。

Demo(演示)

截图预览

部署教程

  • 首先下载API接口源码
  • 创建站点 – 上传接口源码 – 解压
  • 解压后点击 – 终端 如下图
DailyHot 今日热榜前端页面 部署教程插图6
  • 然后再终端内依次输入:
// 安装依赖
pnpm install

// 构建文件
pnpm build
  • Tips:
    • 如果你需要修改成你自己部署的API接口
      • 请修改根目录下的 .evn 文件内的 VITE_GLOBAL_API
      • 文件内默认使用我们部署好的API,如有需要请自行修改
DailyHot 今日热榜前端页面 部署教程插图7
  • 构建完成后可将生成的 dist 文件夹内的文件移动至站点根目录即可
DailyHot 今日热榜前端页面 部署教程插图8

感谢您的来访,获取更多精彩文章请收藏本站。

© 版权声明
THE END
喜欢就支持一下吧
点赞11赞赏 分享
评论 共21条
头像
欢迎提交您的评论,共创文明良好交流环境,请勿提交违规言论!
提交
头像

昵称

取消
昵称表情代码图片
    • 头像1111110