记第一次配置nginx并部署自己的react小玩意

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了记第一次配置nginx并部署自己的react小玩意相关的知识,希望对你有一定的参考价值。

参考技术A     作为一个入行一年的小菜鸡前端,一直以来对前端项目怎么部署到nginx的颇有兴趣,恰好最近某云的服务器比较便宜,就买了一年来配置玩,下面记录一下这次配置的过程和踩到的坑。

1、nginx的配置是在/usr/local/nginx/conf下的nginx.conf进行配置,我一开始搞错了地方,一直在/usr/local/nginx/sbin/nginx-1.12.0/conf下的nginx.conf配置,导致一直没有生效。

2、全部配置完成后,出现了一个问题,当通过url来访问页面前端路由的时候,会报404;但是通过页面内按钮进行路由跳转的时候是没有问题的,经过查找相关问题发现需要在nginx.conf中location中加上图中这两个(具体原因需要进一步查阅):

以上是关于记第一次配置nginx并部署自己的react小玩意的主要内容,如果未能解决你的问题,请参考以下文章

Nginx 实战: 部署 React 前端项目

React 应用的 Nginx 缓存控制

*记:基于Centos+uWSGI+Nginx部署web应用

react学习组件

nginx配置https

Docker 部署Nginx 并配置