前言

访问路径：本地解析=》最近路由器=》DNS解析=》Nginx=》网关=》服务器
动静分离可以提高软件整体性能，将客户端的静态请求直接从nginx返回不用在执行之后的流程

1、迁移静态资源

1.1、创建静态资源

在/mydata/nginx/html下创建static=以后静态资源都放在static下

  1. mkdir static

image.png

1.2、将资源复制到static下

image.png

1.3、配置静态规则

静态规则是server块中的配置
在server块中配置
image.png

  1. server {
  2.         #监听端口
  3.     listen       80;
  4.     #监听域名
  5.     server_name  gulimall.com;
  7.     #charset koi8-r;
  8.     #access_log  /var/log/nginx/log/host.access.log  main;
  9.         #只要是gulimalll.com/static/xxx下的所有请求
  10.     #统统映射到/usr/share/nginx/html下
  11.     #变为/usr/share/nginx/html/static/xxx
  12.     location /static/ {
  13.         root   /usr/share/nginx/html;
  14.     }
  16.     location / {
  17.         proxy_pass http://gulimall;
  18.         proxy_set_header Host $host;
  19.     }

2、修改模板引擎中的地址

参考：
原

  1. <link rel="stylesheet" href="index/css/swiper-3.4.2.min.css">

改

  1. <link rel="stylesheet" href="/static/index/css/swiper-3.4.2.min.css">