26
4
I have deployed a small static angular website on GitHub Link but it has one problem. When i refresh any products page like this then I get 404 error.
我在GitHub Link上部署了一个静态的小角度网站，但它有一个问题。当我像这样刷新任何产品页面时，我会收到404错误。
However when i navigate to any products pages from the home page then the product pages opens correctly.
但是，当我从主页导航到任何产品页面时，产品页面都会正确打开。
This app's reprository link is - here.
这个应用程序的转载链接是-这里。
I am beginner in angular - please help me why it is doing so ?
我是角度初学者--请告诉我为什么会这样？
This is because you are using HTML pushState as location strategy due to which when you refresh from browser, the browser sends request of your routed page to Github. As Github is unaware of this internal routing by angular due to it shows 404 error.
这是因为您使用的是HTMLPush State作为位置策略，因为当您从浏览器刷新时，浏览器会将您路由的页面的请求发送到Github。因为Github没有意识到这种按角度进行的内部布线，因为它显示了404错误。
There are couple of solutions:
1. If you want to stick to Github then you need to move to HashBased location strategy. It will simply solve your problem.
2. If you don't have any dependency on Github then you can move to other servers (firebase or apache) which support creating a htaccess file or any other fallback mechanism. (See this link for more info). This htaccess file is unfortunately not supported by Github yet. I personally prefer firebase due to these glitches.
有几个解决方案：1.如果你想坚持使用Github，那么你需要转向基于HashBased的定位策略。它会简单地解决你的问题。2.如果你对Github没有任何依赖，那么你可以转移到其他支持创建htaccess文件或任何其他后备机制的服务器(Firebase或APACHE)。(有关更多信息，请参阅此链接)。遗憾的是，Github还不支持此htaccess文件。由于这些故障，我个人更喜欢火力基地。
By these fallback mechanisms I mean the server redirect to index.html i.e. your main HTML file in case of any 404 routes.
通过这些后备机制，我的意思是服务器重定向到index.html，即对于任何404路由，您的主HTML文件。
I had the same issue. Either you use the locationHashStrategy you find here: https://angular.io/guide/router#appendix-locationstrategy-and-browser-url-styles
我也有同样的问题。要么使用您在此处找到的LocationHashStrategy：https://angular.io/guide/router#appendix-locationstrategy-and-browser-url-styles
But then your URLs will have an additional # like: http://yourdomain.com/#/products
但是，您的URL将有一个额外的#Like：http://yourdomain.com/#/products
If you don't want that you have to add .htaccess and rewrite everything to index.html.
如果您不想这样做，则必须添加.htaccess并将所有内容重写为index.html。
个人中心
文章发布
退出<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.html [L]
</IfModule>
Save this as .htaccess in the same folder where your index.html is.
在您的index.html所在的同一文件夹中将其另存为.htaccess。
you can create a html file like below (src/404.html)
您可以创建如下所示的html文件(src/404.html)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="refresh" content="0;url=app_path">
<title>Redirecting...</title>
</head>
<body>
<p>If you are not redirected, <a href="app_path">click here</a>.</p>
</body>
</html>
and in appRoutingModule use this - imports: [RouterModule.forRoot(routes, { useHash: false })],
并且在appRoutingModule Use This-Imports：[RouterModule.forRoot(routes，{useHash：False})]中，
then run a build command and check for 404 file inside you docs or root.
For me the above one is working
然后运行构建命令并检查您的文档或根目录中是否有404文件。对我来说，上面的方法是有效的
thank you ankit I now know the problem cause. I think this will continue to not-work on github. So I will move to firebase.
谢谢你，安吉，我现在知道问题的原因了。我认为这将继续不适用于GitHub。所以我要搬到火力基地去。
Downvoting. See this link: help.github.com/articles/redirects-on-github-pages
投反对票。请查看此链接：help.github.com/articles/redirects-on-github-pages
Where in my answer is a link to github?
在我的答案中，哪里有GitHub的链接？
thank you @CarstenEnnulat for the explanation. Unfortunately github will not allow htaccess file.
感谢您@Carsten Ennulat的解释。遗憾的是，GitHub不允许htaccess文件。
Because you are telling them to add .htaccess file whereas github doesn't allow such file support.
因为您告诉他们添加.htaccess文件，而GitHub不允许这样的文件支持。
@yogihosting okay, didn't know that, in that case you have to switch to hash locationstrategy
@yogihost好的，我不知道，在这种情况下，你必须切换到散列位置策略
26
4
0
这个问题我已经问了自己很长一段时间了，所以我决定在这里问你们。 假设我有一个 Shop 对象，其中包含一个 ProductList 对象作为实例变量。我的 Shop 对象的核心功能当然是能够添加 Pr
我正在做应用内购买功能。今天我遇到了一个奇怪的问题。 我尝试通过 SKProductsRequest 获取列表产品。问题是:有时我收到 invalidProductIdentifiers，但有时我收到
假设您有一个名为 Product 的表，它有一个自动编号/标识列。您将其简单命名为 Id 还是将其命名为 ProductId 或 Product_Id？请解释原因。 最佳答案 没有明确的答案，因为这取
假设我销售多个产品。有时，product 实际上是其他product 的组合。例如，假设我正在销售: 热狗 苏打水 热狗+汽水组合 我应该如何建模这样的东西？我是否应该有一个 product 表来列出
有人可以建议为用户可以购买某些产品的页面添加正确的 Schema.org 标记的最佳方法吗？我正在那里添加 Product 标签(用于 Rich Snippets)。 我想增加询问有关该产品的问题的可
我正在尝试在 xml 表中查找一些数据。 如果像这样删除命名空间，我可以从 xml 中获取数据: $nodes = $data->xpath('//Products/Product/produ
我很喜欢这个程序。有人可以告诉我我做错了什么吗？该程序提示用户输入产品目录中的产品数量。然后程序应提示用户输入产品目录中每个产品的名称和价格。输入所有产品后，程序应输出目录中最昂贵产品的产品信息(名称
我有一个表 product(id, name)，其中包含几组产品，型号不同。即 {motor10、motor20、motor30、pipe10、pipe20、pipe30、wrench12、wrenc
这里我声明了产品类变量并分配了它。 产品.java public class Product { String[] name= new String[100]; int price;
我在构建服务器之一上遇到此错误。所有其他服务器都可以正常构建。有什么想法可能是错误的吗？ 最佳答案 我也有此错误，它似乎是在创建新设置时从Wix自动生成的新事物。当我从3.5升级到3.6时，Wix不喜
我想在同一个模型中制作字段product.product 假设 A 取决于 lst_price of product.product . 如果用户未设置 A 的值，则取 lst_price 但如果用户
我有一个以类别和产品作为属性的列表，我希望将属于不同列表中的类别的所有产品分开。 目前我有这个 Products products = new Products(); products
我们正在构建一个网络数据库系统，我们需要允许某些产品由其他产品制成。例如，将 2 个或多个产品组合为新产品。我们正在使用 CakePhp 和 MySQL。 这是我们数据库的数据结构图: https:/
我想给这段代码添加样式: 我试着这样说: 'font-weight:bold;')); ?> 但它给我这个错误信息: 警告 (2):htmlspecialchars() 期望参数 4 为 bool
我正在使用 Ruby on Rails 构建一个主要用于存储产品的数据库。我主要关心的问题之一是，在未来，我希望能够知道这两种产品的兼容性。 我不知道如何以“Rails 方式”构建它。首先，我正在考虑
如果我错了，请纠正我，但据我从文档中理解， --env option ONLY 用于能够在 webpack.config.js 内访问它如果它导出一个函数，例如 module.exports = fu
我正在尝试将 Commerce 产品类型绑定(bind)到我自己的自定义类型节点(用作显示节点)。目标是在尽可能少的地方输入新数据。因此，我正在探索在创建另一种类型时基于规则创建一种类型。似乎两个方向
我想弄清楚如何重命名或翻译 /product/和 /product-category/ WooCommerce 中的蛞蝓。 我不想完全删除它们，我只想将它们重命名为 /lesson/和 /lesson
我在 Google Search Console 中收到一条警告，指出“未提供全局标识符(例如 gtin、mpn、isbn)”。问题是，我的产品没有这样的东西。关于如何向 Google 表明不存在此类
我正在寻找 Julia 中元素矩阵乘法的就地实现，又名 Schur 乘积，又名 Hadamard 乘积。 它可以通过 A .* B 分配来执行，但我不能在每次执行此操作时分配额外的内存。 当然我可以自
我是一名优秀的程序员,十分优秀！