若依 / RuoYi-Vue 前后端分离,前端部署及注意事项

后端运行成功通过(http://localhost:8080)访问,但是不会出现静态页面,会返回:

若依 / RuoYi-Vue 前后端分离,前端部署及注意事项_第1张图片

这里的运行成功,包括:

1.后台无报错,数据库连接密码更改(默认password,根据自己数据库更改,大多数123456);

2.redis服务开启(需先下载Redishttps://github.com/MicrosoftArchive/redis/releases;后面的验证码图片加载也与redis服务有关后面略提怎么开),如果未开redis服务,会报错 ,错误如下:

若依 / RuoYi-Vue 前后端分离,前端部署及注意事项_第2张图片 

正常运行后,继续部署ruoyi-ui前端,然后通过前端地址来访问。 

用cmd终端,进入项目目录,比如文件在 D:\RuoYi-Vue\ruoyi-ui(示例)

 

  

安装依赖
npm install

建议不要直接使用 cnpm 安装依赖,可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npmmirror.com;成功时状态(一部分)如下:项目在E:盘下;

若依 / RuoYi-Vue 前后端分离,前端部署及注意事项_第3张图片 

若:npm 不是内部或外部命令,也不是可运行的程序或批处理文件,需要安装 node.js;

Download | Node.js

这里有版本问题,如果是win7系统,会出现:

若依 / RuoYi-Vue 前后端分离,前端部署及注意事项_第4张图片

这里选择低版本:14.0.0 及其以上不再支持win7。

若依 / RuoYi-Vue 前后端分离,前端部署及注意事项_第5张图片

 若依 / RuoYi-Vue 前后端分离,前端部署及注意事项_第6张图片

 若依 / RuoYi-Vue 前后端分离,前端部署及注意事项_第7张图片

启动服务
npm run dev

浏览器访问 http://localhost:80


这里会出现验证码图片不加载的情况,这里处理办法有两种:

一:将验证码功能注释掉

若依 / RuoYi-Vue 前后端分离,前端部署及注意事项_第8张图片

若依 / RuoYi-Vue 前后端分离,前端部署及注意事项_第9张图片

若依 / RuoYi-Vue 前后端分离,前端部署及注意事项_第10张图片

若依 / RuoYi-Vue 前后端分离,前端部署及注意事项_第11张图片

效果如下:

若依 / RuoYi-Vue 前后端分离,前端部署及注意事项_第12张图片  二:redis 服务未启动

若依 / RuoYi-Vue 前后端分离,前端部署及注意事项_第13张图片

 若依 / RuoYi-Vue 前后端分离,前端部署及注意事项_第14张图片

若依 / RuoYi-Vue 前后端分离,前端部署及注意事项_第15张图片

 至此:项目成功启动

若依 / RuoYi-Vue 前后端分离,前端部署及注意事项_第16张图片

你可能感兴趣的:(代码生成,后台管理,vue.js,java,spring,intellij,idea)