若依Vue前后端分离版如何部署(windows)(超详细)

发布于:2024-07-25 ⋅ 阅读:(145) ⋅ 点赞:(0)

一、项目环境准备

        下面是项目所需要准备的环境

  •         Node.js
  •         redis

        1、Node.js下载

        下面进入官网可以下载Node.js — 在任何地方运行 JavaScript (nodejs.org)icon-default.png?t=N7T8https://nodejs.org/zh-cn        下载完成安装后,需要配置环境变量,首先复制以下nodejs的安装路径

然后在环境变量中找到path-->点击新建,将复制的nodejs安装路径粘贴进来

然后打开cmd 输入node -v 查看版本号,如果出现版本号则安装成功了

node -v

2、Redis 安装

github下载

Releases · microsoftarchive/redis (github.com)icon-default.png?t=N7T8https://github.com/microsoftarchive/redis/releases点击链接进入,然后找到 Redis-x64-3.2.100.msi,然后下载下来

下载完成后双击然后安装,再安装完成后软件的目录创建一个bat文件,可以叫 start.bat   内容👇

redis-server.exe redis.windows.conf

然后双击bat,出现这个就是redis配置完成了

二、下载若依

RuoYi-Vue: 🎉 基于SpringBoot,Spring Security,JWT,Vue & Element 的前后端分离权限管理系统,同时提供了 Vue3 的版本 (gitee.com)icon-default.png?t=N7T8https://gitee.com/y_project/RuoYi-Vue点击上面链接进入,如果没有git直接点击下载ZIP,如果有git可以使用下面克隆

下载完成后,或者解压后目录是这样的

进入到ruoyi-vue文件夹,这个是前端项目文件

在这个文件夹路径中打开cmd窗口    输入 执行npm init

npm init

完成后再执行npm install

npm install --registry=https://registry.npm.taobao.org

等待安装完成依赖后,执行 npm run dev 即可启动前端项目

npm run dev

启动完成后会进入登录界面

三、后端项目准备

使用mysql 图形化工具,创建一个数据库,名为:ry-vue,然后导入sql脚本文件

在下载下来的项目下有个sql,两个都要运行成功才得

运行完成后数据库中会存在如下表

然后使用Idea打开项目,找到数据库配置文件,配置为自己的mysql账户密码

配置完成后就可以启动后端项目

然后出现这个既启动成功

redis跟mysql必须同时在启动了,缺一不可。


网站公告

今日签到

点亮在社区的每一天
去签到