Git集线器页面网站不反映本地主机的行为

我想我找到了问题所在。在你的州,你有:

this.state = {url: this.fullUrl.substr(this.fullUrl.lastIndexOf("/"), this.fullUrl.length - 1)};

https://dakotamaker.github.io/resume-site/resume ,它会将状态设置为 /resume .

然后在你的 <Link> process.env.PUBLIC_URL 是 https://dakotamaker.github.io/resume-site/ ,通过现场加载,检查 / , , /coverLetter ,与完全等效的url匹配。即。:

// before evaluation
className={this.state.url.toLowerCase() === Routes.HOME_PAGE.toLowerCase() ? 'selected':'nope'}

// after evaluation
className={'/resume' === 'https://dakotamaker.github.io/resume-site/resume' ? 'selected':'nope'}

.handleClick 函数正在设置 url 状态为您在路由文件中定义的常量。所以如果你点击简历页面链接 状态设置为 Routes.RESUME_PAGE . 所以当链接再次检查是否应该添加类名时,可以保证始终选择一个链接。

this.state = {url: this.fullUrl};

原因是您的本地网站位于localhost:3000的根目录下,但是github页面位于子目录下。要解决这个问题,您应该在路由器组件中添加“basename”属性。应该是这样的事情

<Router history={browserHistory} basename={'resume-site'}>
  <Route path="/" component={App} />
</Router>

我发现您已经将基本名称设置为env var。因此只需在通过编辑package.json进行构建时注入它:

 "deploy": "PUBLIC_URL=resume-site gh-pages -d build"