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

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

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

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

在这里插入图片描述
点击下载,然后等待下载完成解压文件。

2. 打开解压好的Nginx

在这里插入图片描述

3.打开文件conf

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述
里面的root 还可以直接指定盘符里的文件比如:
在这里插入图片描述

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

在这里插入图片描述

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

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

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

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

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

刷新404的问题只有路由模式是history模式才会出现.
最后说一下nginx的启动问题,如何看nginx是否启动了?

双击nginx.exe后打开任务管理器查看在这里插入图片描述
重启之前先结束以前的,否则会有很多,先结束下面的(子进程),再结束上面那一个子进程.

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

在这里插入图片描述

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值