后端项目
https://gitee.com/dyyx/work2024/tree/master/demo/ruoyi/RuoYi-Vue-fast
SpringBoot2.5 、SpringSecurity、 mybatis Redis & Jwt

前端项目
https://gitee.com/dyyx/work2024/tree/master/demo/ruoyi/RuoYi-Vue3
https://github.com/yangzongzhuan/RuoYi-Vue3
Vue3 + Element Plus + Vite




创建数据库 和 表 
/PATH/bin/mysql -u root -p

create database ryvue;
use ryvue;

source /work2024/demo/ruoyi/RuoYi-Vue-fast/sql/ry_20240629.sql;
source /work2024/demo/ruoyi/RuoYi-Vue-fast/sql/quartz.sql ;


修改数据库连接信息 

/RuoYi-Vue-fast/src/main/resources/application-druid.yml

修改日志目录
/RuoYi-Vue-fast/src/main/resources/logback.xml

启动redis 

brew services start redis

redis-cli ping

后端端口配置
application.yml
server:
  port: 8080
  servlet:
    # 应用的访问路径
    context-path: /


后端接口验证 
生成验证码 
http://localhost:8080/captchaImage






切换到国内源 ，下载快
国内源 npmmirror ,下载速度快且同步率高
npm config set registry https://registry.npmmirror.com



安装 pnpm ， 编译打包比 npm快
sudo npm install -g pnpm
(MAC  下  全局安装 报错的话 加 sudo)

切换到前端项目目录 
安装项目中的所有依赖
pnpm install

pnpm run dev

pnpm run [script]

脚本名在  package.json 配置 

"scripts": {
    "dev": "vite",
    "build:prod": "vite build",
    "build:stage": "vite build --mode staging",
    "preview": "vite preview"
  }


vite.config.js  重要配置 
前端应用端口 ，后端地址 
    server: {
      port: 80,
      host: true,
      open: true,
      proxy: {
        // https://cn.vitejs.dev/config/#server-proxy
        '/dev-api': {
          target: 'http://localhost:8080',
          changeOrigin: true,
          rewrite: (p) => p.replace(/^\/dev-api/, '')
        }
      }
    }


注意: proxy.target  配置要和后端配置匹配 ！！！


登录用户名密码
admin / admin123



前端部署
打包正式环境
npm run build:prod

打包预发布环境
npm run build:stage

构建打包成功之后，会在根目录生成 dist 文件夹，里面就是构建打包好的文件，通常是 ***.js 、***.css、index.html 等静态文件。
发布到 nginx 或者 静态服务器即可，其中的 index.html 是后台服务的入口页面。






 npm常用命令 
 pnpm常用命令 

 Brew 简介及安装