本地配置nginx测试项目

win10下本地配置nginx测试项目

今天学习vue脚手架时，build完项目后，想将该项目配置到nginx的静态文件资源下，不料却出现各种问题·····

找不到index.html引用的JS、css.

配置并启动完成nginx后，去访问测试路径，发现可以正常访问到index.html，但是却访问不到调用的js\css文件，真TM神奇（心态崩了）。nginx配置如下：

本地hosts文件也做了相应配置如下

原因一：启动nginx时出了问题

由于命令输入错误，关闭nginx应该是

nginx -s stop 或者 nginx -s quit

而菜鸡输成了

nginx.exe -s quit

由于不报错，所以便以为正常关闭了，之后查看任务管理器，才发现同时启动了多个nginx。所以导致对nginx.conf的修改并没有实时准确的测试出来。

查看nginx的版本号：nginx -v

启动nginx：start nginx

快速停止或关闭nginx：nginx -s stop

正常停止或关闭nginx：nginx -s quit

配置文件nginx.conf修改重装载命令：nginx -s reload

原因二 浏览器缓存

修改完nginx.conf后去浏览器测试时，一定别忘了清理缓存啊。。。。。
不然即使你的nginx关闭了，浏览器不关的情况下，刷新该页面都能用。

原因三 root和alias

使用root: root 在一个serve中只能有一个

使用alias alias 在一个serve中可以存在多个

终于可以顺利访问到新搭建的vue项目了，最终版：

输入http://www.zq123.com 进入到root下的静态资源路径
输入http://www.zq123.com/sx-home 进入到alias下的静态资源路径