摘要:因为要把文件夹部署在一个域名的次级目录,没想到和运维同学一起折腾了一下午。。
因为要把dist文件夹部署在一个域名的次级目录,没想到和运维同学一起折腾了一下午。。
放在这里备忘,也给后来的同学一些可查的中文资料:
1,dva/cra给你的模板index.html是在public里面的,webpack会原封不动拷到dist,其中引入index.js和index.css都是绝对路径,可以用webpack ejs插件生成htmnl,因为我用了dva,不太想改webpack 配置太多,这里选用直接手去掉前缀/变成相对路径
2, 项目里面使用了react-i18next, locale文件是放到public里面的,配置locale初始化的时候根据环境变量修改下引入目录是/还是/sub/
3,路由react-router匹配的prefix前缀
export const browserHistory = useRouterHistory(createHistory)({ basename: process.env.PUBLIC_PATH || "/", }) 如果是dva import { createHistory } from "history" import { useRouterHistory } from "react-router" const app = dva({ history: browserHistory, });
小坑一个!
dva里面的路由跳转会这么写:
import { browserHistory } from "dva/router"; browserHistory.push("some/route")
由于我们自定义了history,这样会失效, 所以一定记得要import刚才export出来的history,而不是dva默认的那个!
4,webpack设置publickPath:/sub/
5,nginx配置:
server { listen 80; server_name www.abc.com; root /项目/root地址/不带sub; location /sub { try_files $uri $uri/ /sub/index.html; } }
搞定~
edit: 有可能会遇到的坑
dva的subscription会推荐 if (pathname === "/path"), 加上publicPath之后会匹配失败
pathToRegexp 生成的表达式是严格匹配,会跟publicPath匹配失败
解决也很简单 根据环境变量更改匹配规则即可。
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/39631.html
摘要:关联本地文件夹和远程仓库,注意地址是你的地址哦上面的后面三点就是,添加到码云仓库,相信大家都知道。这里不能克隆到的,需要把服务器本机的公钥添加到码云上面。 emmmm,作为一个前端开发时刻想着,怎么把自己写的东西,丢到自己的服务器上面,然后展示给别人看。下面我就简单直白的写下,如何用 Nginx 部署你的静态网站。 事前准备 云服务器,(我的是阿里云) 码云或者 gihub (用来存...
摘要:关联本地文件夹和远程仓库,注意地址是你的地址哦上面的后面三点就是,添加到码云仓库,相信大家都知道。这里不能克隆到的,需要把服务器本机的公钥添加到码云上面。 emmmm,作为一个前端开发时刻想着,怎么把自己写的东西,丢到自己的服务器上面,然后展示给别人看。下面我就简单直白的写下,如何用 Nginx 部署你的静态网站。 事前准备 云服务器,(我的是阿里云) 码云或者 gihub (用来存...
阅读 3116·2021-10-08 10:04
阅读 1027·2021-09-30 09:48
阅读 3413·2021-09-22 10:53
阅读 1616·2021-09-10 11:22
阅读 1645·2021-09-06 15:00
阅读 2112·2019-08-30 15:56
阅读 667·2019-08-30 15:53
阅读 2206·2019-08-30 13:04