欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

前端自配Nginx(服务器) 测试上线项目(windows版)

程序员文章站 2022-06-21 18:46:57
...

前端自配Nginx(服务器) 测试上线项目 (windows版)

最近啊,公司的项目要上线,但是上线之前我们自己也要测一遍,所以我是想把项目打包好之后,就测试上线,是否有bug,所以我自己装个一个Nginx,来测试,所以来写一个使用说明。

1. 我们需要下载Nginx 传送门

前端自配Nginx(服务器) 测试上线项目(windows版)
点击下载,然后等待下载完成解压文件。

2. 打开解压好的Nginx

前端自配Nginx(服务器) 测试上线项目(windows版)

3.打开文件conf

前端自配Nginx(服务器) 测试上线项目(windows版)

4.进入之后选择nginx.conf文件拖动到编译器打开

前端自配Nginx(服务器) 测试上线项目(windows版)

5.找到server段进行配置并且可以将打包好的文件放入对应的文件夹

前端自配Nginx(服务器) 测试上线项目(windows版)
里面的root 还可以直接指定盘符里的文件比如:
前端自配Nginx(服务器) 测试上线项目(windows版)

6.将打包好的文件直接放入html里,然后双击启动nginx

前端自配Nginx(服务器) 测试上线项目(windows版)

7.浏览器输入localhost:端口号

然后就可以测试自己的项目是否有问题了。

里面可能会遇到刷新404的问题,
这个时候我们就需要在你的nginx.conf里更改一个属性,添加在你的location段里面

try_files $uri $uri/ /index.html;  //用来解决刷新404问题

注:只要修改了配置文件就要重启nginx

刷新404的问题只有路由模式是history模式才会出现.

最后说一下nginx的启动问题,如何看nginx是否启动了?

双击nginx.exe后打开任务管理器查看前端自配Nginx(服务器) 测试上线项目(windows版)
重启之前先结束以前的,否则会有很多,先结束下面的(子进程),再结束上面那一个子进程.

如果没有启动起来要去看一下自己的logs日志,可以把里面的错误放入百度或谷歌进行搜索

前端自配Nginx(服务器) 测试上线项目(windows版)