夜猫子的知识栈 夜猫子的知识栈
首页
  • 前端文章

    • JavaScript
  • 学习笔记

    • 《JavaScript教程》
    • 《Web Api》
    • 《ES6教程》
    • 《Vue》
    • 《React》
    • 《TypeScript》
    • 《Git》
    • 《Uniapp》
    • 小程序笔记
    • 《Electron》
    • JS设计模式总结
  • 《前端架构》

    • 《微前端》
    • 《权限控制》
    • monorepo
  • 全栈项目

    • 任务管理日历
    • 无代码平台
    • 图书管理系统
  • HTML
  • CSS
  • Nodejs
  • Midway
  • Nest
  • MySql
  • 其他
  • 技术文档
  • GitHub技巧
  • 博客搭建
  • Ajax
  • Vite
  • Vitest
  • Nuxt
  • UI库文章
  • Docker
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
  • 友情链接
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

夜猫子

前端练习生
首页
  • 前端文章

    • JavaScript
  • 学习笔记

    • 《JavaScript教程》
    • 《Web Api》
    • 《ES6教程》
    • 《Vue》
    • 《React》
    • 《TypeScript》
    • 《Git》
    • 《Uniapp》
    • 小程序笔记
    • 《Electron》
    • JS设计模式总结
  • 《前端架构》

    • 《微前端》
    • 《权限控制》
    • monorepo
  • 全栈项目

    • 任务管理日历
    • 无代码平台
    • 图书管理系统
  • HTML
  • CSS
  • Nodejs
  • Midway
  • Nest
  • MySql
  • 其他
  • 技术文档
  • GitHub技巧
  • 博客搭建
  • Ajax
  • Vite
  • Vitest
  • Nuxt
  • UI库文章
  • Docker
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
  • 友情链接
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • 任务管理日历

    • 前言
    • 前端搭建

      • 前端指南
        • 目录结构
        • 运行
          • vite.config.ts
          • 创建 .env 文件
      • 项目初始化
      • 封装日历组件
      • 实现拖拽
      • 实现弹窗
    • 后端搭建

    • 部署前置篇
    • 前端部署

    • 后端部署

  • 无代码平台

  • 图书管理系统

  • 《全栈项目》
  • 任务管理日历
  • 前端搭建
夜猫子
2023-03-13
目录

前端指南

# 前端指南

# 目录结构

image.pngimage-20230313104236819

# 运行

# vite.config.ts

食用之前请确保,你本机上端口为 7001 的后端代码已经在跑了,如果没有请先查阅后端指南篇。

server: {
  proxy: {
    // 本地开发环境
    "^/api/.*": {
      target: "http://127.0.0.1:7001",
    },
  },
},
1
2
3
4
5
6
7
8

# 创建 .env 文件

# 如果你需要上传头像

声明VITE_COS_REGION和 VITE_COS_BUCKET 上传头像到腾讯云 cos 对象存储时会用到

# 如果你需要部署至服务器

声明VITE_API_DEV和 VITE_API_PROD ,分别为测试环境和生产环境的后端 api 地址

声明HOST,指定部署服务器的 ip 地址

创建 .env.staging文件,并声明 NODE_ENV=production

# 如果你需要部署至 阿里云 oss

声明ACCESS_KEY_ID和 ACCESS_KEY_SECRET ,用于部署至阿里云 oss

编辑 (opens new window)
上次更新: 2024/6/18 13:14:59
前言
项目初始化

← 前言 项目初始化→

最近更新
01
IoC 解决了什么痛点问题?
03-10
02
如何调试 Nest 项目
03-10
03
Provider注入对象
03-10
更多文章>
Copyright © 2019-2025 Study | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式