Auth0，React，配置用于部署的回调URL

Question

我遵循了此处给出的教程： https://auth0.com/blog/role-based-access-control-rbac-and-react-apps/ 并且在localhost上一切正常。 在VPS（使用Apache2）上部署后，回调URL不再起作用，当我在身份验证后登陆http://domainename/callback时，从服务器收到404找不到页面。 在应用中以及从auth0授权的回调URL中进行部署时，我已经更改了回调URL。

我试图在域名中使用＃： http://domainame.com/#/callback 但这不起作用。 我有两个问题：如何使其工作以及为什么在localhost：3000而不是domainname.com上工作...

Answer 1

好的，交易不是配置react，而是配置apache2。 这是我所做的：

允许对该网页进行覆盖，以授权读取.htaccess文件

创建具有以下内容的.htaccess文件：

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.html [L]
</IfModule>

启用mode_rewrite

别忘了在Auth0中允许回调网址

以下是一些文档可以帮助您：

• https://htaccess.madewithlove.be/
• How to enable mod_rewrite for Apache 2.2
• react-router redirect to index.html AND remove www from url in .htaccess
• https://gist.github.com/joellongie/e6f4a3b5fa98c521782619e487aca15a
• https://gist.github.com/leocaseiro/4305e06948aa97e77c93
• https://gist.github.com/jxnblk/6137537
• https://www.beyondjava.net/pretty-urls