一: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服务器的启动操作
二:前端项目部署到非根目录
部署在非根目录是一种常见的需求,比如部署在 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