使用Nginx如何发布一个网站，以及相关配置，Nginx静态资源404报错

如果你觉得文章帮不到你，请直接评论你的要求，想做一个持续输出的博主

前言:最近找了一个博客的前端模板，发布了一个网站。请求后端数据，配置域名，发现坑还是挺多的，帮大家总结一下吧。

Nginx的几个重要的目录

在这之前，你需要安装Nginx，并且知道你的Nginx的配置目录和放网页的地方。这篇文章我不讲解关于Nginx的安装，主要讲解如何配置。

如果你比较懒使用一般的yum安装nginx，配置目录 /etc/nginx/，网页目录 /usr/share/nginx/html/。当然这也可以自己修改，具体怎么改以后我再看看吧。

如果你自己安装的Nginx，这两个目录我想你应该知道呀！

当然，我们都是懒人，有简单的安装方法，初学者为什么不用，哈哈哈。

复制前端代码到指定的网页目录

复制前端代码到网页目录，也就是 /usr/share/nginx/html/里面，这里面如果是使用yum安装之后，乱七八糟的一堆。新建一个单独的blog目录，然后blog里面就是你的网页结构了。

我网页的结构是blog，下面有html和res。html下面只有网页，res里面包含各种css和js的文件。

Nginx配置

我们只需要配置目录/etc/nginx/里面的nginx.conf单独配一个server

    server {
        listen       80;
        server_name  xxx.xxx.com; # 浏览器访问地址，一般是域名

        location / {  # html文件，访问指定的目录和指定的index文件
            root   /usr/share/nginx/html/blog/html;
            index index.html;
        }
        location ~ .*\.(gif|jpg|jpeg|png|js|css)$ {   # 图片等文件
            root /usr/share/nginx/html/blog/; #指定图片存放 
        }
    }

仔细讲一讲上面的配置吧。

1.域名配置

server_name  xxx.xxx.com; # 浏览器访问地址，一般是域名

域名配置就是上面的一句话

2.网页配置

 location / {  # html文件，访问指定的目录和指定的index文件
    root   /usr/share/nginx/html/blog/html;
    index index.html;
}

想象一下，你在流量器里面输入xxx.xxx.com的主页时，他就会找
/usr.share/nginx/htmi/blog/html/index.html

讲到这，如果你的网站可以正常的访问，那基本就结束了。

慢着，那你后面的那个location怎么没有讲解，我故意的。下面就是静态资源报错的问题了

Nginx静态资源遇到问题

像很多情况，配置了上面一般网站都是有问题的，像一些静态资源不能访问啊，各种问题。
http://xxx.xxx.com/res/image/mypic.png
像上面的路径出个404啊。

那么经过映射他应该访问的服务器的静态资源的地址就是
/usr/share/nginx/html/blog/html/res/image/mypic.png
我这个项目肯定是没有这个路径的。

所以可以对一些图片结尾的引用新的路径

location ~ .*\.(gif|jpg|jpeg|png|js|css)$ {   # 图片等文件
	root /usr/share/nginx/html/blog/; #指定图片存放 
}

当请求http://xxx.xxx.com/res/image/mypic.png映射到
/usr/share/nginx/html/blog/res/image/mypic.png

如何查询Nginx的问题

tail -f /var/log/nginx/error.log

使用上面的命令，你可以查看你的Nginx服务器的报错信息。