在 Firebase 托管中使用 vue-router 部署 Quasar (VueJS)

Posted

技术标签:

【中文标题】在 Firebase 托管中使用 vue-router 部署 Quasar (VueJS)【英文标题】:Deploying Quasar (VueJS) with vue-router in Firebase Hosting 【发布时间】:2018-11-08 23:22:44 【问题描述】:

我的网页上有这个视图。它说,它已成功部署,但没有显示我的 SPA。

配置

 "hosting": 
    "public": "dist/spa-mat",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ],
    "rewrites": [
      
        "source": "**",
        "destination": "/index.html"
      
    ]

我使用默认的 router.js 设置

 
    path: '/',
    component: () => import('layouts/default'),
    children: [
       path: '', component: () => import('pages/index') 
    ]
  

采取的步骤

(firebase already installed an im already logged in)
1. quasar build - to build quasar app for prod
2. firebase init
           - `dist/spa-mat` as directory 
3. firebase deploy

任何对如何在 Firebase 托管中进行部署有所了解的 Quasar 开发人员?我认为我做的一切都是正确的,但我的 SPA 没有显示。

【问题讨论】:

【参考方案1】:

关注Deployment of SPA in Quasar 的官方文档。那里有如何在 Herko、Now 等中部署的指南。

如果你做得对,请花几分钟到一个小时。

【讨论】:

尽管我不愿意承认,但我确实有过一段时间。现在它是现场的。哈哈哈,谢谢

以上是关于在 Firebase 托管中使用 vue-router 部署 Quasar (VueJS)的主要内容,如果未能解决你的问题,请参考以下文章

在 Firebase 托管中使用 Firebase 和 React

如何使用 Firebase 托管来托管图像?

必须点击登录按钮两次;使用 vue-router 和 firebase 身份验证

如何在 firebase 托管的 webapp 中获取 firebase 函数 URL?

Flutter Web 在 Firebase 托管中不起作用

Firebase Auth 检查与 Vue-router