Question

我正在尝试将html文件放置在已构建和已部署文件的根目录中。这是第三方服务的验证文件，其根目录中需要<example-key>.html文件。

在准备与npm run build一起部署的文件（dist文件夹）时，我正在使用firebase deploy（vue-cli）。

Answer 1

通常，您将vue.js dist文件夹（通过npm run build生成）的内容放入Firebase托管的public文件夹中（并覆盖默认的index.html文件最初由Firebase项目设置脚本生成）。

然后在您的firebase.json文件中，您具有以下rewrite，以便处理vue.js应用程序的“单页应用程序”行为（请参见doc）

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

如果您将example-key.html文件添加到与vue-cli生成的index.html文件相同的级别，则应该可以通过以下方式打开文件：

https://yourprojectid.firebaseapp.com/example-key.html

在root Vue中包含html验证文件

1 个答案: