刷新页面后无法获取 /route Angular 7

Question

我在Angular7中有几个组件，我没有使用'useHash: true'进行路由。

我在实时服务器上部署了我的 Angular 应用程序，如果我使用路由（例如 /panel）导航到某个组件，那么它工作正常，但如果我重新加载该页面，我会收到错误 'Can not get /panel'

有人可以帮忙吗？

Answer 1

运行在您的应用程序中使用此 CLI 命令

ng build --prod="true" --base-href="<Your-Base-Path/<your-project-folder-name>"

并且，这将在 index.html 中设置基本路径为您定义的路径，因此每次刷新页面时，它都会位于根文件夹的底部。

现在你的 index.html 文件有这个 base-path

<base href="<Your-Base-Path/<your-project-folder-name>">

Answer 2

您应该将服务器配置为回退到 index.html。查看 angular 文档 here 如何执行此操作。例如，在 Appcache 服务器上，我正在使用这个 .htaccess 文件：

RewriteEngine on
RewriteCond %{REQUEST_FILENAME} -s [OR]
RewriteCond %{REQUEST_FILENAME} -l [OR]
RewriteCond %{REQUEST_FILENAME} -d
RewriteRule ^.*$ - [NC,L]

RewriteRule ^(.*) /index.html [NC,L]

刷新页面后无法获取 /route Angular 7

Can not get /route after refresh page Angular 7

routing

live

server

angular