Skip to content

快速启动(前端项目)

  • 前端项目是一个vue项目,使用vue3 + element-plus + uni-app框架。
  • node版本建议使用20.10.1
sh
# 克隆项目
git clone https://gitlab.fanyicloud.com.cn/fanyicloud/fanyi-cloud-ui.git

# 进入项目目录
cd fanyi-cloud-ui

# 安装依赖
npm install

# 启动项目
npm run dev

本地运行

  • 本地运行需要自己本地建.env.local文件
sh
- 项目默认在 `http://localhost:8080` 运行
- 可以根据需要修改 `vue.config.js` 中的 `devServer` 配置
  ```js
  # 生产环境:只在打包时使用
NODE_ENV=production
VITE_DEV=false
# 请求路径
VITE_BASE_URL = 'http://192.168.31.10:48080'
#VITE_BASE_URL = 'https://admin.kangshouyun.com'
#VITE_BASE_URL = 'https://admin.fanyicloud.com.cn'
#文件上传类型:server - 后端上传, client - 前端直连上传,仅支持S3服务
VITE_UPLOAD_TYPE=server
# 上传路径
VITE_UPLOAD_URL='https://admin.fanyicloud.com.cn/admin-api/infra/file/upload'
# 上传.apk
VITE_UPLOAD_FILE_URL='https://admin.fanyicloud.com.cn/admin-api/infra/file/uploadNew'
# 接口地址
VITE_API_URL=/admin-api

# 是否删除debugger
VITE_DROP_DEBUGGER=true

# 是否删除console.log
VITE_DROP_CONSOLE=true

# 是否sourcemap
VITE_SOURCEMAP=false

# 打包路径
VITE_BASE_PATH=/

# 输出路径
VITE_OUT_DIR=dist-prod

# 商城H5会员端域名
VITE_MALL_H5_DOMAIN='https://web.fanyicloud.com.cn'

# 聊天上传文件的路径
VITE_CHAT_UPLOAD_URL='http://192.168.31.10:48080/admin-api/chat/file/upload'

微信小程序端

  • 微信小程序端项目结构与前端项目结构相同,只是在src目录下有一个app.json文件,用于配置小程序的全局信息。
  • 微信小程序用的uni-app框架,与vue项目结构相同。
sh
# 克隆项目
git clone https://gitlab.fanyicloud.com.cn/fanyicloud/fanyi-cloud-uinapp.git

# 进入项目目录
cd fanyi-cloud-uinapp

# 安装依赖
pnpm install

# 启动项目
npm run dev