Ngnix静态资源服务器的配置

下载nginx

下载到本地解压

启动

直接双击Nginx目录下的nginx.exe，启动后会有命令窗口一闪而过
或者使用cmd命令工具，进入到nginx文件夹下br> 启动命令：br>

start nginx

查看nginx是否启动：br>

tasklist /fi "imagename eq nginx.exe"

启动成功的标志：br>

配置静态服务器

首先，在自己的电脑上新建一个文件夹，用来存放你要请求的文件
然后使用编辑器打开在nginx/conf文件夹下的nginx.conf文件：
nginx.conf配置静态资源服务器的两种方式：

a、在原有server下添加代码：

  location /resource/ {
	# 加入本地资源路径
    alias E:/vue/vue-imooc-ebook/resource/;
	# 打开目录浏览功能
    autoindex on;
	# 一下三行为跨域配置
    add_header Access-Control-Allow-Origin *;
    add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS';
    add_header Access-Control-Allow-Headers 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization';
  }

root响应的路径：配置的路径+完整访问路径(完整的location配置路径+静态文件)
alias响应的路径：配置路径+静态文件(去除location中配置的路径)
一般情况下，在location /中配置root，在location /other中配置alias

b、还有另一种方式是直接新建一个server

  server {
    listen       8081;
    server_name  resource;
    root E:/vue/vue-imooc-ebook/resource/;
    autoindex on;
    add_header Access-Control-Allow-Origin *;
    add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS';
    add_header Access-Control-Allow-Headers 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization';
  }

保存添加代码后重启nginx

.\nginx -s reload

nginx常用命令

start nginx        启动nginx
tasklist /fi "imagename eq nginx.exe"    查看nginx进程
nginx -s quit      安全关闭
nginx -s stop      强制关闭
nginx -s reload    改变配置文件时，重启nginx工作进程，使配置生效
nginx -s reopen    打开日志文件
nginx -v           查看版本
nginx -h           查看帮助信息
nginx -t           检查nginx.conf语法是否有错

Jinwen Xie