React 部署nginx二级目录（子目录）

一、背景描述：

react打包出来的文件，想部署在如 https://www.abc.com/webapp下，

本项目使用的是history：hash 模式，

如果使用的是history：browser ，可参考该大神的文章https://www.freesion.com/article/5887723973/

二、解决方法

1、修改/添加配置

// package.json
"homepage":"."

2、在每一个index.html文件添加

# webapp 是你自己文件夹的名称
<base href="/webapp/">

3、将打包后的文件丢到服务器

4、nginx添加配置，重启

location /webapp/ {index  index.html index.htm;
}

React 部署nginx二级目录（子目录）相关推荐

vue部署nginx二级目录
很多时候,我们希望前端的程序时放在二级目录下的,比如 http://www.xxx.com/app/ (app就是二级) 前端vue需要注意的是,静态资源文件的路径和路由的路径,两个默认都是针对/目录 ...
Nginx 二级目录部署Vue2
Nginx 二级目录部署Vue2 nginx 服务器上 /xxxxx 是二级目录是对访问路径匹配 location /xxxx {root /public/app/dist;index index.p ...
vue项目部署在二级目录下
一般情况下,前端项目部署在各自端口根目录下.但是如果服务器端口限制等因素,多个项目共享一个端口,就需要部署在二级目录下. 但是会面临几个问题服务器配置前端静态资源路径配置前端请求路径写法前端路 ...
nginx 二级目录 php,Nginx 配置二级目录支持
Nginx 配置二级目录并不像 apache 那么简单,但二级目录的配置在实际工作中又经常用到,现整理如下.欢迎大家访问二愣的闲谈杂鱼在 /etc/nginx 目录下创建文件夹 sublocati ...
nginx二级目录转发404的解决方法
有时候考虑的域名的问题,可能会用一个域名去访问两个应用,这个时候可以用二级目录去访问. nginx配置 location /v1 {proxy_pass http://10.168.154.xx:80 ...
宝塔运行在nginx二级目录代理配置
访问路径为 http://1.15.13.54/bt/,每个静态文件和请求地址都需要重新代理 server {listen 80;server_name 1.15.13.54;index index. ...
vue如何部署二级目录
有的时候,我们的域名很珍贵,除了二级域名外. 我们不仅可以把项目部署到当前域名下也可以部署到二级目录下,这样的话,就可以部署多个项目了. 比如说,我有一个域名为sslcsq.com的服务器,我想部署 ...
Vue二级目录部署多环境打包部署（二）
如果是Vue-cli2的可以看我的上一篇文章:Vue二级目录部署&多环境打包部署(一) 我们的域名一般都是www.xxx.com,可是我们想实现www.xxx.com/aaa 或者 www.x ...
vue项目nginx部署子目录_vue 多项目部署---二级目录
新项目:同一域名下部署多个vue项目, 根目录vue项目不需要按下面的方式进行打包部署 https://www.bitedit.com/ 下面三个项目以二级目录部署 https://www.bited ...

React 部署nginx二级目录（子目录）

React 部署nginx二级目录（子目录）相关推荐

最新文章

热门文章