中国服务器在外国网站有哪些,郑州博大泌尿外科医院,钓鱼网站怎么做防护教程,蚌埠做网站的公司哪家好官网#xff1a;http://www.ruoyi.vip/
目录
一、下载并运行项目
二、关于 若依 接口地址配置
2.1 若依的跨域代理介绍
2.2 配置跨域代理#xff0c;调用后台接口
2.2.1 配置 后台 ip 地址
2.2.2 页面报“系统接口404”错误
三、打包配置
3.1 打包之后静态资源404…官网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 中配置属性具体的值 DevServer | webpack 中文文档
devServer跨域代理的相关配置host指定要使用的 host。如果你想让你的服务器可以被外部访问host: 0.0.0.0port:指定监听请求的端口号open告诉 dev-server 在服务器已经启动后打开浏览器。设置其为 true 以打开你的默认浏览器。proxy关于devServer.proxy配置-【DevServer | webpack 中文文档】 对照以下示例就能明白 若依 中这个跨域代理是怎么回事pathRewrite将 target 部分重写路径即将 /api 替换成targetpathRewrite中“^/api”的值如上请求接口地址变成了http:AA.BB.CC.DD:端口//connect。[process.env.VUE_APP_BASE_API]这个值来自根目录下的 .env.development .env.production .env.staging 这 3 个文件分别代表开发环境、生产环境、预生产环境。 如上分析我们现在是在开发环境下打开的仔细观察报404接口错误的地方请求网址是http://localhost:81/dev-api/getInfo 其中“/dev-api”来自 .env.development 文件中设置的 VUE_APP_BASE_API 的值。target指向接口请求地址。
2.2 配置跨域代理调用后台接口
2.2.1 配置 后台 ip 地址 根据 2.1 中的介绍要调用后台接口我们只要将 target 的值修改为 后台 ip 地址和端口号。修改完成之后需要重新启动项目npm run dev接口请求地址才会改变。 需要注意一个地方后台如果是通过前端打包npm run build:stage过去部署到他们后台本地上的那么他们访问的接口地址是ip:端口号/stage-api/接口名称而前端修改 target 后在本地访问后台接口的地址是ip:端口号/dev-api/接口名称仍然会造成接口 404。所以我们最好是将 .env.development .env.production .env.staging 这 3 个文件的 VUE_APP_BASE_API 的值统一改成 相同的值我这里改成了“warehouse-qr”。
2.2.2 页面报“系统接口404”错误
页面显示空白且报404 如上检查请求头是否有缓存若有缓存清除缓存并刷新。页面显示验证码空白且报404 此时还报404错误确认一下接口地址是否正确。如果后台能访问但是前端404那么问题就出在前端这看下图ip访问地址已经确认后台地址“ip:端口号/warehouse-qr/captchaImage”能访问而此时我们在 vue.config.js 中的配置信息为就算我们在 .env.development.js 中配置了proxy的值“warehouse-qr”也只是代表我们在前端接口中调用“warehouse-qr”路径重定向到了 后台ip地址:端口号因为 pathRewrite 后面的值为“”空字符串具体可参照 2.1。因此 这里还要给 pathRewrite 值设置一下
三、打包配置
3.1 打包之后静态资源404 这个与 vue.config.js 中的 publicPath 静态资源访问路径有关。 原代码中配置的是绝对路径如果不是部署到服务器的根目录下那么静态资源会报404将publicPath 在生产环境下的值改为“./”再重新打包就好了。publicPath: process.env.NODE_ENV production ? ./ : /,
3.2 登录页登录成功之后 vue 版菜单点不开报错Error: Cannot find module ‘/views/system/user/index’
若依vue版菜单点不开 Error Cannot find module ‘viewssystemuserindex‘_过的很好谢谢的博客-CSDN博客 在开发环境登录没什么问题到了生产环境登录进不去首页还报上述错误。在 /src/store/modules/permission.js 文件中查找“loadview” 将上面 import 实现生产环境的路由懒加载改为“return (resolve) require([/views/${view}], resolve)”如下图 3.3 登录之后跳转页面显示 404
账户登录之后跳转页面直接显示404为什么? · Issue #I3RMTB · 若依/RuoYi-Cloud - Gitee.com 将路由模式改成“hash”模式如果不想要hash模式history模式后台要进行配置具体查看以上链接。
