使用 Nginx为静态资源提供服务

先将前端项目和一些静态资源传到Linux上（我放到了 /home 目录下）

 

 

1.进入 /usr/local/nginx/conf 目录下【安装后的nginx所在目录】

cd /usr/local/nginx/conf

 

2.编辑 nginx.conf 配置文件：

vi nginx.conf  :

重新建立一个 server{}:

 

  server{

              #90是一个新的端口号 ，和80区分开

                listen 90 ;

                    # localhost 是因为我是在本地虚拟机上配置的，要是云服务，就公网 ip地址

                 server_name localhost ;

                 location  / {

                                        #   /home/foodie-shop 是我项目所在目录

                                       root   /home/foodie-shop;

                                       index   index.html   ;

                         }

         }

 

3.  检测一下，配置文件 语法是否有误：

【在conf目录下  】 ：  ../sbin/nginx -t

 

4.若检测无误，就重启:

../sbin/nginx -s reload

 

 

5.注意：如果是本地的虚拟机：

第一步，对90端口进行防火墙配置：

firewall-cmd --zone=public --add-port=90/tcp --permanent

第二步，重启防火墙服务：

systemctl restart firewalld.service

 

 

6.加载静态资源：

【静态资源放在/home/imooc中】

 

在原来的server 中 添加一个新的location，

但是 第二个location 后 接的 不是  / ,而是 imooc 项目名，

他会自动的拼接达到  /home 之后，再请求资源的。

例如：http://192.168.0.103:90/imooc/img/face1.png

，

 

 

当然也可以使用别名：

 

 

static 是随意取的， alias 之后 是 真实的路径。

两种方式也可以共存：都可以用