Firebase Hosting 400错误请求

雷恩·彼得森(Raine Petersen)

我正在尝试为我的项目获取Firebase托管设置。我已经部署到https://budyeez-app.web.app/

我使用vue.js框架来构建我的应用,因此我的公共文件夹中有一个index.html文件。所有vue内容都将加载到该文件中以进行渲染。在localhost上一切正常,但是当我尝试在Firebase上托管站点时,不会加载任何vue内容。如果我直接将内容写到index.html文件中,它将加载,这说明了页面标题起作用的原因。有想法该怎么解决这个吗?

探险者

web_app / firebase.json

{
  "firestore": {
    "rules": "firestore.rules",
    "indexes": "firestore.indexes.json"
  },
  "functions": {
    "predeploy": [
      "npm --prefix \"$RESOURCE_DIR\" run lint"
    ]
  },
  "hosting": {
    "public": "public",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ],
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }
    ]
  },
  "storage": {
    "rules": "storage.rules"
  }
}

web_app / public / index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <title>Budyeez</title>
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css">
    <script src="https://kit.fontawesome.com/3797ae5e09.js" crossorigin="anonymous"></script>
  </head>
  <body>
    <h3>This is a test</h3>
    <noscript>
      <strong>We're sorry but web_app doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
</html>
samthecodingman

将您firebase.json的内容更新为以下内容(编辑我的评论):

{
  "firestore": {
    "rules": "firestore.rules",
    "indexes": "firestore.indexes.json"
  },
  "functions": {
    "predeploy": [
      "npm --prefix \"$RESOURCE_DIR\" run lint"
    ]
  },
  "hosting": {
    "public": "dist", // <-- CHANGED: hosting deploy directory to Vue's build directory
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ],
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }
    ],
    "predeploy": [
      "npm run build" // <-- CHANGED: Before deploying, automatically build Vue project
    ]
  },
  "storage": {
    "rules": "storage.rules"
  }
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

错误:hosting:channel:deploy不是Firebase命令

来自分类Dev

创建用户时收到错误请求失败请求400(Firebase)

来自分类Dev

Axios对Firebase Auth REST API的发布请求产生400错误

来自分类Dev

HTTP发布请求:错误400,Firebase主题消息传递

来自分类Dev

是否可以在独立于请求的URL的Firebase Hosting中缓存Cloud Function调用结果?

来自分类Dev

Firebase Hosting的本地服务器在React应用中导致频繁的HTTP错误

来自分类Dev

React Firebase Hosting 部署空白页面

来自分类Dev

Firebase signInWithEmailAndPassword()400()POST错误

来自分类Dev

错误的请求错误 400

来自分类Dev

从Firebase Cloud Messaging获取“ InvalidTokenFormat,错误400”

来自分类Dev

使用Firebase Hosting,如何关闭捆绑和缩小功能?

来自分类Dev

Firebase Hosting部署两个工作区

来自分类Dev

重定向到Firebase Hosting自定义域

来自分类Dev

Firebase Hosting是否仅托管静态文件/断言?

来自分类Dev

使用Firebase Hosting,如何关闭捆绑和最小化?

来自分类Dev

Firebase Hosting是否仅托管静态文件/资产?

来自分类Dev

Angular 2 Firebase Hosting似乎需要哈希标记

来自分类Dev

python请求400错误

来自分类Dev

$ .ajax 400错误请求

来自分类Dev

Angularjs错误请求(400)

来自分类Dev

HTTP请求:400错误

来自分类Dev

Ajax 400 错误请求

来自分类Dev

AJAX错误:400错误的请求

来自分类Dev

烧瓶错误请求错误 400

来自分类Dev

请求库的错误请求错误 400

来自分类Dev

PHP fsockopen 400错误请求

来自分类Dev

文件上传-错误的请求(400)

来自分类Dev

调试400错误请求响应

来自分类Dev

RestApi的NelmioApiDoc错误请求400