Firebase托管后dropldown链接不起作用

时间:2018-07-13 10:44:49

标签: angular firebase firebase-hosting

我正在关注有关Udemy的角度教程。我可以在本地主机中打开bootstrap navbar下拉链接,但不能在托管到firebase后打开(其他navbar链接可以正常工作)。请帮助

由于404错误,我降落在他身上

404 找不到网页 在此网站上找不到指定的文件。请检查网址是否有错误,然后重试。 我为什么看到这个? 该页面是由Firebase命令行界面生成的。要对其进行修改,请在项目的已配置公共目录中编辑404.html文件。

index.html:

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Oshop</title>
  <base href="/">

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
<link rel="stylesheet" href="styles.ffb6f1d88864b80c037e.css"></head>
<body>
  <app-root></app-root>
<script type="text/javascript" src="runtime.a66f828dca56eeb90e02.js"></script><script type="text/javascript" src="polyfills.2f4a59095805af02bd79.js"></script><script type="text/javascript" src="main.10b7c76792e4769182f0.js"></script></body>
</html>

firebase.json:

{
  "hosting": {
    "public": "dist",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ]
  }
}

1 个答案:

答案 0 :(得分:1)

我通过将firebase.json文件修改为以下内容来修复它:

"rewrites": [{
      "source": "/public/**",
      "destination": "/public.html"
    },
    {
      "source": "**",
      "destination": "/index.html"
    }]