路由不适用于“ blog /：page”

Question

我正在学习角度问题，并正在尝试为自己建立一个博客网站。使用

运行该网站时，该网站可以在我的本地系统上正常运行

  

ng serve

但是另一方面，当我创建它的构建并将其使用

上传到生产环境中时

  

ng build --prod

路由不起作用。我在服务器上的.htaccess中添加了代码

RewriteEngine On
# If an existing asset or directory is requested go to it as it is

RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} -f [OR]

RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} -d

RewriteRule ^ - [L]

# If the requested resource doesn't exist, use index.html
RewriteRule ^ /index.html

路由开始适用

  

http://www.atest.co.in/blog/

但对于

仍然失败

  

http://www.atest.co.in/blog/Manual_Testing%2FIs_Manual_Testing_Dying

上述路由设置如下：

  {
    path: 'blog',
    component: BlogComponent
  },
  {
    path: 'blog/:page',
    component: BlogComponent
  }

尽管后面的一个在localhost上工作正常

Answer 1

已更新

根据您的代码，这只是静态html文件加载。但是您问题中的路线的文件名中有一个/，其编码为%2F。我认为直接路由时会出错。如果您先访问http://www.atest.co.in/blog/，然后单击侧边栏中的链接，则会显示该页面。

删除文件名中的％2F字符，即可。