启动前端

一、大模型工程构建

1. 导入git私服的 avue-ai 工程
2. 进入git私服的 设置->应用令牌->生成令牌 获取token
3. 将token配置到avue-ai根目录.npmrc文件中红框位置_authToken=令牌(//斜杠不要删除)
4. 前往根目录执行pnpm install命令进行编译安装，看到如下日志则说明安装成功

   ⋊> ~/W/p/avue-ai on dev ⨯ pnpm install                                                                                                                                                               00:03:55
   Lockfile is up to date, resolution step is skipped
   Already up to date
   
   Done in 529ms
   ⋊> ~/W/p/avue-ai on dev ⨯ pnpm install                                                                                                                                                               00:03:58
   Lockfile is up to date, resolution step is skipped
   Packages: +497
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   Progress: resolved 497, reused 497, downloaded 0, added 497, done
   
   dependencies:
   + @avue/avue-ai-key 0.1.1
   + @element-plus/icons-vue 2.3.1
   + @highlightjs/vue-plugin 2.1.0
   + @smallwei/avue 3.6.2
   + axios 0.19.0
   + codemirror 5.65.18
   + crypto-js 4.2.0
   + dayjs 1.11.13
   + disable-devtool 0.3.8
   + echarts 5.6.0
   + element-plus 2.9.5
   + highlight.js 11.11.1
   + html2canvas 1.4.1
   + js-cookie 3.0.5
   + jsplumb 2.15.6
   + lodash 4.17.21
   + marked 15.0.7
   + markmap-lib 0.18.11
   + markmap-view 0.18.10
   + mockjs 1.1.0
   + monaco-editor 0.34.1
   + nprogress 0.2.0
   + sql-formatter 15.4.11
   + store2 2.14.4
   + vite-plugin-mock 2.9.8
   + vue 3.5.13
   + vue-echarts 7.0.3
   + vue-i18n 9.14.2
   + vue-json-viewer 3.0.4
   + vue-router 4.5.0
   + vue3-clipboard 1.0.0
   + vuedraggable 4.1.0
   
   devDependencies:
   + @vitejs/plugin-vue 4.6.2
   + sass 1.85.1
   + unplugin-auto-import 0.11.5
   + vite 4.5.9
   + vite-plugin-compression 0.5.1
   + vite-plugin-svg-icons 2.0.1
   + vite-plugin-vue-setup-extend 0.4.0
   
   Done in 3.8s

二、大模型前端运行

1. 前往前端工程根目录下的.env.development修改后端服务地址与端口
2. ai-server后端服务默认为8060端口，则配置地址为：http://localhost:8060/blade-ai

   #接口地址
   VITE_APP_API=http://localhost:8060/blade-ai

3. 前往/src/config.js修改你所需要展示的系统名如下

   export const website = {
     isDemo: true,
     isDemoTip: '演示环境,不允许操作',
     title: 'BladeX 大模型平台',
     name: 'WELCOME TO BLADEX-AI',
     subName: 'AI流程编排设计器（演示环境）',
     url: import.meta.env.VITE_APP_API, // 后端地址，优先使用环境变量
   }
   export const url = website.url

4. 命令行输入pnpm run dev，控制台打印如下日志则说明启动成功

    ⋊> ~/W/p/avue-ai on dev ⨯ pnpm run dev
   
    > avue-ai@1.0.5 dev /Users/chill/Workspaces/product/avue-ai
    > vite --host
   
   
      VITE v4.5.9  ready in 298 ms
   
      ➜  Local:   http://localhost:5173/
      ➜  Network: http://192.168.31.254:5173/
      ➜  Network: http://192.168.64.1:5173/
      ➜  press h to show help

5. 启动成功后，打开浏览器访问http://localhost:5173/即可看到主页面，未集成BladeX的标准版本无需账号密码即可访问