启动项目

下载源码启动

# 拉取前后端代码
git clone https://gitcode.com/motion-code/madong.git

# 进入前端代码
cd madong/web

# 安装依赖
pnpm install

# 运行项目
pnpm dev
​

启动后端

通过后台部署，获取后台接口地址

配置接口地址

配置文件：.env.development

默认地址 http://localhost:5566 可以按需更改配置文件。

# 端口号
VITE_PORT=5666

VITE_BASE=/

# 接口地址
VITE_GLOB_API_URL=/api

# 是否打开 devtools，true 为打开，false 为关闭
VITE_DEVTOOLS=true

# 是否注入全局loading
VITE_INJECT_APP_LOADING=true

# 客户端ID key
VITE_GLOB_CLIENT_KEY= X-Client-ID


# WebSocket服务
VITE_GLOB_ENABLE_WSS=true

# wss接口地址
VITE_GLOB_WSS_URL=/ws

# WSS KEY
VITE_GLOB_WSS_APPKEY = 60756ede2a9737a05384aad849e220f8

访问登录页面

注意：

必须配置有效的后台接口地址，不然验证码会出现404

image.png

进入后台系统

image.png

前端部署

关于前端项目构建发布到nginx，请看文档 环境部署