我正在使用React Router为多页网站进行路由.当试图直接转到子页面https://test0809.herokuapp.com/signin时,您会收到"404 Not Found -nginx"错误(为了能够看到此问题,您可能需要转到此链接)隐身模式,所以没有缓存).如果你从主页出来,所有链接都可以正常工作:test0809.herokuapp.com/.我正在使用BrowserRouter,并且能够通过将BrowserRouter更改为HashRouter来消除"404 not found"错误,这会给我的所有网址带来"#"符号.除了在你的网址中有"#"的所有问题,最大的问题是我需要在我的网站中实现LinkedIn Auth,而LinkedIn OAuth 2.0不允许重定向网址包含#.
LinedIn OAuth 2.0错误屏幕抓取
import React, { Component } from 'react'
import { BrowserRouter as Router, Route, Link } from 'react-router-dom'
import LinkedIn from 'react-linkedin-login'
const Home = () => <div><h2>Home</h2></div>
const About = () => <div><h2>About</h2></div>
class Signin extends Component {
callbackLinkedIn = code => {
console.log(1, code)
}
render() {
return (
<div>
<h2>Signin</h2>
<LinkedIn
clientId="clientID"
callback={this.callbackLinkedIn}
>
</div>
)
}
}
const BasicExample = …Run Code Online (Sandbox Code Playgroud)