若依 从下载到成功运行及打包

官网：http://www.ruoyi.vip/ 

目录

一、下载并运行项目

二、关于 若依 接口地址配置

2.1 若依的跨域代理介绍 

2.2 配置跨域代理，调用后台接口

2.2.1 配置 后台 ip 地址

2.2.2 页面报“系统接口404”错误

三、打包配置

3.1 打包之后静态资源404

3.2 登录页登录成功之后 vue 版菜单点不开，报错：Error: Cannot find module ‘@/views/system/user/index’

3.3 登录之后跳转页面显示 404

---

一、下载并运行项目

        进入官网 → 点击“源码地址” → 点击“RuoYi-Vue前端分离版” → 复制Git地址（https://gitee.com/y_project/RuoYi-Vue.git）→ 新建文件夹，在该文件夹中打开Git小乌龟输入：git clone 地址

         下载完成之后，找到“ruoyi-ui”文件夹，进入“ruoyi-ui”文件夹，在该文件夹下下载依赖“npm install”，这一步建议在 VsCode 终端中进行，防止出错。接下来在VsCode 终端里输入“npm run dev”就能运行该项目了。

二、关于 若依 接口地址配置

        npm run dev 打开项目后，报接口404：

  

2.1 若依的跨域代理介绍 

         原因是项目配置的接口是 localhost上 的，本地没有这个接口，肯定会报404。调用后台接口，在本地运行需要修改配置。

        若依的接口配置采用的跨域代理，跟我们平时项目中做的跨域代理一样，也是在 根目录/vue.config.js 中配置。点击文件中注释的 detail 的链接就可以打开 vue.config.js配置文档。

vue.config.js 中配置属性具体的值 ：