Integrating Firebase Cloud Storage with Vue.js

Firebase.js

import firebase from “firebase/app”;

import “firebase/storage”;

const storage = firebase.storage();

export const uploadFile = async (file) => {

  const storageRef = storage.ref(`images/${file.name}`);

  await storageRef.put(file);

  return await storageRef.getDownloadURL();

};

index.vue

uploadFile(file).then(url => {

  console.log(“File uploaded! URL:”, url);

});