Nginx部署和配置完成后404的解决方法

一、windows版本下的安装

首先去官网下载最新的稳定版本：官网下载点我

下载后解压打开目录：

启动：双击nginx.exe，双击后有个小黑窗会闪过去，或者打开任务管理器，看下任务进程。

ps:安装目录有中文的话，打开exe会报错。

二、部署项目流程：

先打包好vue项目，如果开了ngix，那就先关掉，用nginx -s quit或者去任务管理器结束任务。

1.打开nginx.conf文件

端口号改成8080或其它

修改location下的root，改成项目打包后的文件目录（注意是 / 不是 \）

ps:这个文件目录不能有中文或空格，也要注意分号不要删了，不然会报这种错。

nginx: [emerg] invalid number of arguments in "root" directive in D:\edge_download\Soft\nginx-1.24.0\conf\nginx.conf

2.测试一下刚刚修改的配置文件是否有问题，使用命令：nginx -t -c nginx安装目录下的conf下的nginx.conf 

例如我的：

nginx -t -c D:\edge_download\Soft\nginx-1.24.0\conf\nginx.conf

测试成功会返回这个

3.启动：nginx start

4.在浏览器中打开localhost:8080(端口号自己定的)，此时打开的网页就是自己项目的首页。

出现的问题：部署完成后页面一刷新就404

解决：在nginx.conf文件中添加try_files $uri $uri/ /index.html;

try_files是指尝试获取文件

如果一个地址是localhost:8080/login，那么uri指的是login地址,uri/指的是login文件夹，

意思就是，找指定路径下的文件，如果不存在，则转给哪个文件执行（具体是哪个文件得按项目来）；我这里是没找到之后返回默认的index.html文件。

修改后先关掉nginx，再测试文件是否修改得没问题（测试命令上面有提），再start。

结束啦！！！！

一些nginx常见命令：

nginx  start   启动
nginx -s stop  停止
nginx -s quit  安全退出
nginx -s reload  重新加载配置文件  如果我们修改了配置文件，就需要重新加载。
nginx -t -c nginx安装目录下的conf下的nginx.conf   测试文件修改是否有问题
ps aux|grep nginx  查看nginx进程