前端运行

一、前端运行 （启动前端服务）

1. 根据需要修改后台服务端口配置

// vite 相关配置
server: {
  port: 80,
  host: true,
  open: true,
  proxy: {
    "/dev-api": {
      target: "http://localhost:8090",
      changeOrigin: true,
      rewrite: (p) => p.replace(/^\/dev-api/, ""),
    },
  }
}

2. 启动前端服务

步骤 1: 进入项目目录

首先，导航到 qknow-ui 目录下：

# 进入项目目录
cd qknow-ui

步骤 2: 安装依赖

接下来，安装项目的依赖包。这里我们使用淘宝镜像源以加速下载速度：

# 安装依赖（推荐使用淘宝镜像）
npm install --registry=https://registry.npmmirror.com

步骤 3: 本地开发并启动项目

最后，运行以下命令来启动前端开发服务器：

# 本地开发 启动项目
npm run dev

3. 测试前端服务

打开浏览器，输入 http://localhost。默认账户/密码为 qKnow/qKnow123。若能正确展示登录页面，并能成功登录，菜单及页面展示正常，则表明环境搭建成功。

提示: 因为本项目是前后端完全分离的，所以需要前后端都单独启动好，才能进行访问。