Nginx

【React】使用 Nginx 部署 React + Router 项目 项目编译 & 打包 npm run build 编译好的静态文件会在 build 目录下。 React 项目 Nginx 配置 server { server_name web.vksir.zone; location / { root /var/www/ns-web; index index.html; } } React + Router 项目 Nginx 配置 如果使用了 react-router，则 Nginx 配置会多出一项： server { server_name web.vksir.zone; location / { root /var/www/ns-web; index index.html; try_files $uri /index.html; } } 配置代理 如果开发时使用了 http-proxy-middleware，打包成静态文件后，这个包将会失去作用，需要使用 Nginx 代替其提供代理功能。 如果 src/setupProxy.js 文件内容如下： const { createProxyMiddleware } = require('http-proxy-middleware'); module.exports = function(app) { app.use('/ns_server', createProxyMiddleware({ target: 'http://server.vksir.zone', changeOrigin: true, pathRewrite: { '^/ns_server': '' } })); }; 那么 Nginx 配置应当如下： ...

现在这个时代，SSL 已成了常态，没有 SSL 的网页浏览器都不让看，这里我们使用let’s encrypt 来获取「免费 SSL 证书」。 环境：CentOS 7 需求：Nginx 安装 使用 Nginx + SSL 的组合，以 Certbot 为工具安装 SSL 证书。 # 安装 EPEL repo -> Only For CentOS 7 yum install https://dl.fedoraproject.org/pub/epel/epel-release-latest-7.noarch.rp # 安装 Certbot yum -y install yum-utils yum-config-manager --enable rhui-REGION-rhel-server-extras rhui-REGION-rhel-server-optional yum install certbot python2-certbot-nginx # 安装 SSL certbot --nginx 建议不要一次性给所有域名授权 SSL 证书，这样大家将会使用同一个证书，有的网站就会显示「证书与域名身份不对」。别着急，一个个授权。 提示「是否 Redirect」建议选 是，这样 Certbot 将会帮你设置 Nginx，把「通往 http / 80 端口 的请求」重定向到「通往 https / 443 端口的请求」，还是非常有必要的。 就是这么简单，这就搞定了~ ...

主要内容：安装 & 配置文件介绍 & 静态网页 & 伪静态 & 加载 php-fpm 环境：CentOS 7 Nginx 版本：1.16 安装 Nginx # 安装 yum install nginx # 查看版本 nginx -v # 启动 nginx # 设置开机自启 systemctl enable nginx 这时访问 http://IP 就可以看到 Nginx 初始网页了。 如果不能访问，一般是因为防火墙未开放端口，或者未设置安全组规则，如阿里、腾讯等国内 VPS 厂商，想访问其服务器端口，需在其控制台设置 安全组规则。请参照 Firewall 防火墙管理。 Nginx 配置文件 每次修改配置文件后，都需要重载配置文件才能使其生效。 nginx -s reload 配置文件 /etc/nginx/nginx.conf 配置目录 /etc/nginx/conf.d 在配置文件中，有这样一条： # /etc/nginx/nginx.conf include /etc/nginx/conf.d/*.conf; 表示每次 Nginx 加载配置文件时，都会加载 配置目录 中的配置文件。 如果我们想在 Nginx 上部署很多 server，就可以写成一个个后缀为 .conf 的文件放入配置目录中。当然，直接在配置文件中间添加 server 段也可以，只是后期不那么容易管理。 ...