谷粒商城day32 -商品服务-API-三级分类-配置网关路由与路径重写

最新推荐文章于 2024-11-02 16:17:18 发布
原创 最新推荐文章于 2024-11-02 16:17:18 发布 · 360 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#商品服务-API- #配置网关路由与路径重写

本文详细介绍了从零开始搭建微服务商品系统的过程，包括启动后台管理系统与商品服务、创建商品管理菜单、页面构建、树形控件应用、服务注册与网关路由配置等关键步骤。

1.启动后台管理系统与商品服务

启动后台管理系统与商品管理服务

2.进入商品管理系统添加相关菜单目录

一级菜单下添目录商品系统，商品系统下添加菜单分类维护

3.创建相关页面

根据路径映射规则product/category会自动访问 product目录下的category.vue并展示

使用vue模板创建该页面

可看到显示成功

4.使用树形控件初始化界面

树形控件API如下

https://element.eleme.io/#/zh-CN/component/tree

将样式代码拷入可看到页面效果

 添加访问后端分类数据方法，并在created中调用，也就是页面创建时就会调用

刷新页面可以看到，访问出现404了，可以看到请求的路径并不对

 5.注册服务

添加依赖

服务名称，并申明nacos配置中心位置

添加服务发现 注解

重启后台服务,打开注册中心可以看到服务

6.网关路由与路径重写 

路径前加lb 做负载均衡

predicates部分：做断言，访问路径前缀为/api的回访问renren-fast服务也就是

localhost:8080

filters部分：做路径重写把api替换为服务名renren-fast

访问首页.此时验证码成功显示

 

但是，此时输入账号密码验证码，登录报错，是因为跨域了，跨域问题我将会在下篇解决

 

 

day01_《谷粒商城后台管理系统》的完整流程（详细版）
weixin_45014721的博客
08-09 2041
p45 三级分类 1.三级分类数据的展示 1.效果展示 2.对应的数据库表 3.后台逻辑 ①CategoryEntity实体类和数据库pms_category表的字段是一一对应的， 但CategoryEntity有一个数据库中不存在的字段List<CategoryEntity> ，在List<CategoryEntity>中封装了所有当前实体的子分类。 ②一个CategoryEntity中有个字段是List<CategoryEntity>，在List&
Day01_谷粒商城（分布式基础篇）摘要
weixin_45014721的博客
07-20 763
文章目录p45（后台）菜单的三级分类p46（后台）配置网关路由与路径重写思路：第一步：第二步：第三步：（[p47跨域问题](https://www.bilibili.com/video/BV1np4y1C7Yf?p=47)）p48 树形展示菜单的三级分类数据第一步：把gulimall-product注册进Nacos注册中心（这样网关才能找到你）第二步：配置gulimall-gateway的路由规则p49（前台）完成菜单的删除功能1p50（后台）完成菜单的删除功能2p51（前台）完成菜单的删除功能3p52（前
谷粒商城39 - 前后端-商品服务-API-三级分类-配置网关路由与路径重写
Java持续实践
08-04 1008
文章目录新建category.vue三级分类文件分类维护页面发送后台请求renren-fast 注册到nacos配置网关 新建category.vue三级分类文件 vscode打开 renren-fast-vue 启动后台服务 使用npm run dev 启动前端服务 新增一个一级菜单 新增一个菜单 renren-fast-vue 的前端规则 1.配置的路由urlproduct/category ,会被替换为product-category 2.vue文件路径规则 角色管理为sys-role
谷粒商城—API 三级分类- 配置路由网关及路径重写
gjm00000的博客
12-24 553
配制成路由网关 filters 作用 是让页面请求地址变成自己设置的地址 现在页面出现了 400错误 因为之前的renrne-fast里面自己配置了跨域 等于配置了二个跨域 所以我们 配置跨域的时候要把他的注释掉 addallowOriginPattern这个 注解 ...
谷粒商城学习日记（24）——三级分类——配置网关路由和路径重写
menxinziwen的博客
03-24 438
三级分类——配置网关路由和路径重写配置gulimall-product到nacos配置renren-fast到nacos添加后台管理系统菜单配置后台菜单编写组件重写访问路径并配置路由访问 配置gulimall-product到nacos 首先pom依赖已经添加了common依赖 所以只需要修改application.yml spring: application: name: gulimall-product cloud: nacos: discovery:
获取商品详情api接口
qq_44476335的博客
01-08 2444
淘宝商品详情api接口返回值、参数： 1688商品详情api接口返回值、参数： 当当、唯品会、京东等22个电商平台的商品详情api接口的参数返回值都如所上展示：测试试用地址 ...
谷粒商城p46-配置网关路由与路径重写
dawn114b的博客
06-14 1017
idea-gateway的yml文件。前端页面的请求会发送到上述前缀地址。url：与上面的拼接。
谷粒商城基础篇——Day05
wu6426的博客
05-04 579
商品服务-API-三级分类
Day01_谷粒商城（分布式基础篇）目录
weixin_45014721的博客
07-20 360
p04Java工具使用架构图 p05微服务划分图 p06使用vagrant创建虚拟机 p07使用vagrant给虚拟机配置网络 p08、p09是安装docker、给docker配置阿里云镜像
谷粒商城 p46 p47 跨域问题
在下千玦的博客
07-10 562
uuid=28487d44-65ba-49fb-879f-2e4d3762dbe9 Request Method: GET Status Code: 503 Service Unavailable 验证码不出现。我的原因是之前自己把gateway服务自定义注册到指定的"gateway"命名空间下了,注册中心中的不同命名空间下服务默认是不能访问。其它问题:前端请求时,路径带有/proxyApi。前言:使用的依赖版本基本与视频中一致。
谷粒商城项目踩坑及修复合辑
我只管埋头前行，剩下的交给时间。
10-17 1990
p46 renren-fast获取验证码报503 p64 oss上传图片报403
【谷粒商城】谷粒商城前端启动报错（P46）
Meditation_Crazy
06-09 810
前言 如题 翻译 解决办法 ctrl + c 退出当前批处理 然后输入：cnpm install sass-loader --save-dev 此处操作参考以前写的一篇文章：https://blog.youkuaiyun.com/s1441101265/article/details/102947078
谷粒商城p46踩坑攻略
weixin_45233000的博客
05-18 1479
1.问题描述 做谷粒商城项目，renren-fast引入gulimall-common公共模块以及在配置文件中配置nacos 相关配置，在启动类添加@@EnableDiscoveryClient org.springframework.beans.factory.BeanCreationException: Error creating bean with name 'configurationPropertiesBeans' defined in class path resource [org/spri
谷粒商城 p46前端配置nacos网关转发,跨域
weixin_49318663的博客
02-17 629
跨域:浏览器不能执行其他网站的脚本,它是浏览器的同源策略导致的,是浏览器对jaascript施加的安全限制.p46:登录前端项目报错:88端口登录8081端口项目报错,:by CORS policy!此时是直接给nacos发请求,fast发验证码需要也连上nacos.跨域方法:非简单请求(put,DELETD)等,需要先发送预检请求.2. 在applicaction.yml文件配置nacos的配置。1. 配置pom文件加入common模块依赖,和gson依赖。
谷粒商城跨域问题p46验证码不显示问题
a_smart_lin的博客
04-08 591
修改这里，将修改之前修改之后如图下完美解决。
谷粒商城46 - 前端-商品服务-API-三级分类-基本修改效果完成
Java持续实践
08-08 531
文章目录需求新增修改的案例对弹框进行修改测试完整代码 需求 树形结构上新增update 链接, 点击后, 弹窗回显分类信息 , 输入相关信息, 点击确定进行修改, 页面显示修改的数据. 新增修改的案例 新增update修改的按钮, 用update方法接收数据 update方法中, 获取点击的修改的分类信息, 并且打开 分类修改的弹窗. 向后端发送请求, 获取数据. 进行回显. 对弹框进行修改 弹框的表单新增图标和计量单位 输入框. 用category.icon 和 category.produc
谷粒学院p46网关爆503问题
qq_45464015的博客
01-17 889
复制一下下面的pom,最上面的版本最好也一样 gulimall-gateway <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https:
org.springframework.cloud.client.loadbalancer.reactive.OnNoRibbonDefaultCondition
qq_40396568的博客
04-19 4955
问题来自谷粒商城 spring boot和cloud版本和教程保持一致，另外 comon的pom文件排除ribbon，引入loadbalancer <!-- 服务注册/发现--> <dependency> <groupId>com.alibaba.cloud</groupId> <artifactId>spring-cloud-starter-alibaba-n.
谷粒商城P46 renren-fast的微服务注册
2401_84763035的博客
11-02 521
今日敲谷粒商城的时候遇到一个问题、、
谷粒商城-商品维护-发布商品-商品介绍图片上传失败
最新发布
08-09
在谷粒商城平台发布商品时，如果商品介绍图片上传失败，通常可能是由于文件存储服务（如阿里云OSS）的配置问题、网络请求异常或后端服务未正确处理请求所致。根据引用中提到的一些常见问题及解决方案，以下是可能的解决方法： ### 1. 检查OSS配置是否正确 商品图片上传通常依赖于对象存储服务（如阿里云OSS）。如果OSS的配置信息缺失或错误，会导致上传失败。例如，`ossClient`实例创建失败时会抛出类似 `Oss endpoint can't be empty` 的异常[^4]。 **解决方法：** - 确保在配置文件（如`application.yml`或`bootstrap.yml`）中正确配置了OSS的访问密钥、Endpoint、Bucket名称等信息。 - 检查是否在Nacos配置中心中正确配置了OSS相关的参数，并确保服务能够正确拉取这些配置。 ### 2. 确保Nacos服务注册与配置中心正常工作 如果网关或相关服务无法从Nacos获取配置或服务实例，可能导致请求失败。例如，引用中提到的503错误与服务未在Nacos中注册或配置名称不一致有关[^1]。 **解决方法：** - 登录Nacos控制台，确认`renren-fast`等服务已成功注册。 - 确认服务的`Data ID`和`Group`与配置文件中的名称一致。 - 如果服务配置有误，可以尝试重新引入Nacos客户端依赖并重启服务[^1]。 ### 3. 检查Spring Boot与Spring Cloud版本兼容性 版本不兼容也可能导致服务启动失败或某些Bean无法正确注入，从而影响图片上传功能。例如，Spring Boot版本过高可能导致与Spring Cloud组件的兼容性问题[^3]。 **解决方法：** - 确保使用的Spring Boot与Spring Cloud Alibaba版本兼容。 - 参考引用中使用的版本配置，例如将Spring Boot版本调整为`2.2.1.RELEASE`或`2.1.8.RELEASE`，Spring Cloud Alibaba版本为`2.1.0.RELEASE`[^3]。 ### 4. 检查网关依赖配置 在网关服务中，如果引入了不兼容的依赖或缺少必要的配置，可能导致请求被拦截或转发失败。 **解决方法：** - 确保网关服务中没有引入冲突的依赖，如引用中提到的`spring-cloud-starter-netflix-ribbon`可能导致的问题[^2]。 - 可尝试注释掉`gulimall-common`中可能导致冲突的依赖，并引入`spring-cloud-loadbalancer`以替代。 ### 5. 检查前端上传请求与后端接口匹配 商品图片上传功能依赖于前后端接口的正确对接。如果接口路径、参数名称或请求方式不匹配，也可能导致上传失败。 **解决方法：** - 使用浏览器开发者工具（F12）查看上传请求的URL、请求头、请求体是否正确。 - 确认后端Controller方法是否正确接收并处理了上传请求，例如使用了`@RequestParam("file") MultipartFile file`等注解。 ### 示例代码：OSS上传接口示例 ```java @RestController @RequestMapping("/oss") public class OssController { @Autowired private OSS ossClient; @Value("${aliyun.oss.bucket}") private String bucketName; @PostMapping("/upload") public ResponseEntity<String> uploadFile(@RequestParam("file") MultipartFile file) { if (file.isEmpty()) { return ResponseEntity.badRequest().body("File is empty"); } String fileName = UUID.randomUUID() + file.getOriginalFilename(); try { ossClient.putObject(bucketName, fileName, new ByteArrayInputStream(file.getBytes())); String fileUrl = "https://" + bucketName + "." + "oss-cn-beijing.aliyuncs.com" + "/" + fileName; return ResponseEntity.ok(fileUrl); } catch (IOException e) { return ResponseEntity.status(500).body("Upload failed"); } } } ``` ###
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

我才是真的封不觉

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值