nginx

Author:Helene

本文章采用 知识共享署名-非商业性使用-禁止演绎 4.0 国际许可协议 进行许可。转载请注明来自Helene的博客


一:nginx安装

下载的地址

windows版本:

1.选择windows稳定版下载

2.下载下来的压缩包直接解压即可

目录和文件介绍:

1.conf目录存放的是nginx服务器的配置文件,包含nginx服务器的基本配置文件和对部分特性的配置文件

2.docs目录存放nginx服务器的文档资料

3.html目录存放两个后缀名为.html的静态网页文件,这两个文件与nginx服务器的运行相关

4.logs目录存放nginx服务器的运行日志

5.nginx.exe为启动ngix服务器的运行程序。如果conf目录下的nginx.conf文件配置正确,通过它即可完成nginx服务器的启动操作

二:前端项目部署到非根目录

ant.design项目部署

部署在非根目录是一种常见的需求,比如部署在 GitHub pages 中。接下来我们假设我们要部署项目到 ${host}/admin 中。 首先我们需要在 config/config.ts 中配置 base,base 是 react-router 的前缀。我们需要将 base 配置为 admin, 如果我们还需要将其部署到 /dp 目录中,我们还需要设置 publicPath。设置完之后是这样的:

export default {
  // ... some config	
  base: '/dp/',	
  publicPath: '/dp/',	
};	

nginx.conf配置:

location = / {	
    rewrite ^/(.*) http://localhost/jsc break;	
}	
location /dp {	
    root html/;	
    try_files $uri /dp/index.html;	
}	
location /jsc {	
    root html/;	
    try_files $uri /jsc/index.html;	
}	
总结:上面三个location分别代表:	
(1)精确匹配"/",之后将地址重写为:http://localhost/jsc;	
(2)匹配/dp二级目录	
(3)匹配/jsc二级目录	

地址重写:https://www.cnblogs.com/brianzhu/p/8624703.html