【问题标题】:remove # from url gives 404 error angular5从 url 中删除 # 给出 404 错误 angular5
【发布时间】:2018-03-16 09:43:15
【问题描述】:

问题是我试图从 angular 5 应用程序中删除 #。 我成功了,应用程序也运行良好,但问题是当我尝试重新加载或刷新页面时,内部链接出现 404 错误

例如,

www.example.com(在重新加载和刷新时工作正常)。

----------但是----------

www.example.com/jobs(在重新加载和刷新时出现 404 错误)

/jobs : 是路由的一部分

提前感谢您的帮助。

【问题讨论】:

  • 您的项目根文件夹中有.htaccess 文件吗?
  • 这是一个服务器问题:您的服务器尝试为用户提供的 URL 请求的页面提供服务。这不是 Angular 问题,这是服务器问题。您需要重定向每个请求以显示您的 index.html 文件。我正在删除 Angular 标签,我让您将标签放置在您使用的服务器上。
  • 感谢大家的帮助,但幸运的是我能够解决这个问题。

标签: server


【解决方案1】:

在您的根文件夹中创建一个.htaccess 文件(在package.json 文件旁边)并将此代码粘贴到其内容中:

RewriteEngine on

# Don't rewrite files or directories
RewriteCond %{REQUEST_FILENAME} -f [OR]
RewriteCond %{REQUEST_FILENAME} -d
RewriteRule ^ - [L]

# Rewrite everything else to index.html to allow html5 state links
RewriteRule ^ index.html [L]

希望对您有所帮助! :)

【讨论】:

  • 如果他使用 NodeJS 呢?
  • 感谢大家的帮助,但幸运的是我能够解决这个问题。
猜你喜欢
  • 2018-11-20
  • 2014-05-19
  • 1970-01-01
  • 1970-01-01
  • 2011-06-23
  • 2014-03-24
  • 2011-10-03
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多