Я хочу перенаправить с функцией, но это не работает

Я хочу перенаправить с функцией, но она не работает

Пожалуйста, помогите мне с моими проблемами.
Я делаю приложение с VUE и FireBase.
При обращении к определенному URL-адресу запускается функция, и я хочу переписать HTML.

Сначала поместите код.

start.vue

 methods: { async create() { //.... this.$router.push({ path: `/create/${this.id}` }); }; } 

SRC / router.js

 export default new Router({ mode: "history", base: process.env.BASE_URL, routes: [ { path: "/share/:id", component: Share }, 

Функции / index.js

 const functions = require("firebase-functions"); const express = require("express"); const app = express(); const admin = require("firebase-admin"); admin.initializeApp(functions.config().firebase); const db = admin.firestore(); const genHtml = (id) ={amp}gt; ` {amp}lt;!DOCTYPE html{amp}gt; {amp}lt;html{amp}gt; {amp}lt;head{amp}gt; {amp}lt;/head{amp}gt; {amp}lt;body{amp}gt; {amp}lt;script{amp}gt; location.href = '/share/${id}'; {amp}lt;/script{amp}gt; {amp}lt;/body{amp}gt; {amp}lt;/html{amp}gt; `; app.get("app/:id", (req, res) ={amp}gt; { const uuid = req.params.id; db.collection("document") .doc(uid) .get() .then(result ={amp}gt; { const data = result.data(); const html = genHtml(data.imageurl, uuid); res.set("cache-control", "public, max-age=600, s-maxage=600"); res.send(html); } }); }); exports.app = functions.https.onRequest(app); 

firebase.json

 { "functions": { "source": "functions" }, "hosting": { "public": "dist", "ignore": ["firebase.json", "**/.*", "**/node_modules/**"], "rewrites": [ { "source": "/create/**", "function": "app" }, { "source": "**", "destination": "/index.html" } ] } } 

В настоящее время доступ к /create/:id из start.vue запускает функцию app .
Это было подтверждено в консоли. Однако html не переписывается и не попадает в /share/:id .
Поэтому, когда я нажал кнопку обновления браузера (Chrome), он переместился в /share/:id как и ожидалось.
Почему это происходит?
Я хочу знать, почему и как избежать необходимости нажимать кнопку обновления.

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector