检索服务--页面跳转

一.search项目

1. 搭建检索服务

1.1 添加thymeleaf依赖

    <!-- thymeleaf模板引擎 -->
    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-thymeleaf</artifactId>
    </dependency>

1.2 index.html文件放入项目

1).把index.html文件放入项目的资源的template下

在这里插入图片描述

2).修改index的文件路径/static/search

在这里插入图片描述

1.3 把静态资源放入nginx

1).nginx的static下创建search文件夹

在这里插入图片描述

2). 把静态文件放入search下

在这里插入图片描述

1.4 修改search的域名转发

1).打开SwitchHosts.exe(管理员权限)

在这里插入图片描述

2).修改search域名转发

在这里插入图片描述

3) 配置nginx关于search

在这里插入图片描述

3.1).nginx配置如下

在这里插入图片描述

4).修改search网关配置

在这里插入图片描述

5)nginx转发效果

在这里插入图片描述

6).测试,是否转发到search的index.html页面(ok)

在这里插入图片描述

7).页面跳转(点击search图标、生成首页 跳转到商品首页)

http://search.gulimall.com ----> http://gulimall.com

7.1). 修改search的index.html

在这里插入图片描述

在这里插入图片描述

7.2). 修改nginx的配置文件gulimall.conf

在这里插入图片描述

7.3).测试ok

http://search.gulimall.com ----> http://gulimall.com

1.5.商品项目,实现 点击商品分类、搜索框 跳转搜索search页面

1).实现点击商品分类 跳转搜索search页面

在这里插入图片描述

2).实现点击搜索框 跳转搜索search页面

在这里插入图片描述

3).问题:解决nginx中js修改不生效的问题

解决方法:修改nginx.conf , 将sendfile 设置为 off
在这里插入图片描述

重启nginx,清理浏览器缓存

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值