谷粒商城高级篇01(环境搭建nginx)

谷粒商城高级篇01(环境搭建nginx)

我们高级篇篇02介绍了获取三级前端三级分类，这里进行补充，nginx动静分离，前端页面渲染thymeleaf等…

1.thymeleaf

首先喃，这个前端框架确实是一个很老的东西了，现在基本是nuxt,vue，react等热门框架了，这个也只是给大家熟悉的，重点是后端哟。

1.1.依赖的引入

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

1.2.配置

去除缓存，并且引入devtools来进行重构，因为前端页面需要经常修改，如果每次都重启是很消耗时间的

# 关闭缓存 能进行实时的更新
spring:
  thymeleaf:
    cache: false

引入devtools

optional一定要设置为true

<!--这个就是实现我们的thymeleaf进行实时更新的  就不用每次都要进行重新启动项目号-->
<dependency>
	<groupId>org.springframework.boot</groupId>
	<artifactId>spring-boot-devtools</artifactId>
	<optional>true</optional>
</dependency>

我们只要对前端进行了修改就可以使用

CTRL + F9   # 来进行快速重构

1.3.使用

引入thymeleaf后我们就可以导入前端页面了

然后就可以直接启动我们这个服务。

这个服务对应的端口就是我们页面的显示，

如果没有读取到资源，就进行下面读取路径的设置

spring:
	mvc:
      static-path-pattern: /static/**
# 设置读取静态资源的路径

2.nginx的动静分离

由于雷神用的是自己的虚拟机，而我用的是云服务器，就导致了一个什么问题喃，雷神的两个都是内网，可以互相监听，而我的一个是内网，一个是外网，不能进行监听，如果想要使用云服务器的话可以去csdn上搜P139nginx内网穿透，就可以使用云服务器来进行内网的代理，而我确实不想这么麻烦于是，我下了一个小皮，说白了就是使用了这，说白了还是本地使用nginx来实现动静分离。

但是这里有注意，我们还要开启小皮的nginx但是我们要使用Apache的因为我们在小皮开启nginx的话需要监听，然后我们本地还要开启一个开启两个nginx可能会发生冲突，我们就要使用Apache,并且修改一个端口，因为nginx和Apache都是使用的80的端口，

2.1.原理

小皮开启Apache是因为要跑那个lemon.com的网站，不然lemon.com的网站都打不开，本地开启nginx使用来监听lemon.com这个域名的变化的，来进行路由的截取。

这样我们的lemon.com就跑起来了

2.2.本地nginx的配置

我们的lemon.com是本地的80端口

于是我们nginx里面监听的端口也是80端口

域名就是lemon.com

监听到以后进行反向代理

使用命令开启本地nginx

start nginx.exe

2.3.gateway配置

2.4.文件放入ngixn里面

2.5.index.html页面读取路径修改

2.6.最终实现