运行官方magic-admin项目，按照文档步骤执行，路由访问http://0.0.0.0:1024/editor::actId.

[LdPz-ROOM]

dom.ts:22 GET http://0.0.0.0:1024/static/vue3/entry/config/index.umd.js net::ERR_ABORTED 404 (Not Found)

[2023-02-16T10:35:36.782] [DEBUG] default - /static/vue3/entry/value/index.umd.js
ctx {
request: {
method: 'GET',
url: '/static/vue3/entry/value/index.umd.js',
header: {
'x-forwarded-host': '0.0.0.0:1024',
'x-forwarded-proto': 'http',
'x-forwarded-port': '1024',
'x-forwarded-for': '127.0.0.1',
cookie: 'userName=defaultName',
'accept-language': 'zh-CN,zh;q=0.9',
'accept-encoding': 'gzip, deflate',
referer: 'http://0.0.0.0:1024/editor',
accept: '/',
'user-agent': 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/109.0.0.0 Safari/537.36',
connection: 'close',
host: 'localhost:3001'
}
},
response: {
status: 404,
message: 'Not Found',
header: [Object: null prototype] {}
},
app: { subdomainOffset: 2, proxy: false, env: 'development' },
originalUrl: '/static/vue3/entry/value/index.umd.js',
req: '',
res: '',
socket: ''
}

开发者本地调试 magic-admin 请按照如下步骤：
数据库： 我们在 magic-admin/server/src/database/init.sql 中准备了库表初始化文件，开发者首先需要创建所需数据表

表名：magic_act_info 项目基础信息表，包含项目 ID，项目名称，项目负责人，项目时间等项目基础信息。
表名：magic_ui_config 页面配置表，magic-admin 支持了一个项目中包含多个项目页面的能力，因此每个页面的组件配置信息将分别存储。
启动 web 端：

$ cd magic-admin/web
$ npm i
$ npm run serve
启动 server 端
$ cd magic-admin/server
$ npm i
$ npm run dev
server 文件夹下面这些敏感文件，需要开发者参考示例进行替换：

.
├── src
│ ├── config
│ │ ├── databaseExample.ts（数据库配置文件）
│ │ ├── keyExample.ts（加密秘钥配置）
关于登录态： magic-admin 在库表中为开发者预留了用户信息字段（项目负责人），开发者可以根据自身业务需要，实现用户登录态
// web/src/App.vue
watchEffect(async () => {
// 登录态获取交由开发者实现
const userName = process.env.VUE_APP_USER_NAME || "defaultName";
Cookies.set("userName", userName);
});
管理端能力
项目状态
我们将项目的状态分为三种：修改中，部分页面已发布，全部页面已发布。在项目列表页面，可以展开查看每个项目页面的状态。

修改中：项目所有页面均在编辑状态

部分已发布：项目的一些页面在编辑状态，一些页面已发布

已发布：项目所有页面均已发布

在管理端引入 runtime
在管理端中我们提供了一个可视化的模拟画布，他需要依赖 runtime 核心库，因此我们需要先在 magic 根目录下运行

cd magic
npm run build:runtime:admin
将 /runtime/vue3|vue2|react/dist 文件夹复制到 /magic-admin/serve/static 目录下。

mkdir ./magic-admin/server/static/vue3
cp -rf ./runtime/vue3/dist/* ./magic-admin/server/static/vue3

[khuntoriia]

对应路径下magic-admin/server/static需要有runtime构建产物。https://tencent.github.io/tmagic-editor/docs/guide/#runtimeurl