Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/aofdev/vuefire-storage
Vue2-Storage with Firebase🔥
https://github.com/aofdev/vuefire-storage
firebase firebase-storage vue vuefire vuejs vuejs2
Last synced: 19 days ago
JSON representation
Vue2-Storage with Firebase🔥
- Host: GitHub
- URL: https://github.com/aofdev/vuefire-storage
- Owner: aofdev
- Created: 2017-03-02T18:04:42.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2017-09-11T15:56:18.000Z (over 6 years ago)
- Last Synced: 2024-03-23T08:25:49.838Z (2 months ago)
- Topics: firebase, firebase-storage, vue, vuefire, vuejs, vuejs2
- Language: JavaScript
- Homepage:
- Size: 17.6 KB
- Stars: 25
- Watchers: 3
- Forks: 4
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Lists
- awesome-vue - vuefire-storage - Storage with Firebase (Resources / Examples)
- awesome-vue - vuefire-storage - Storage with Firebase (Resources / Examples)
- awesome-vue - vuefire-storage - Storage with Firebase (Resources / Examples)
- awesome-vue - vuefire-storage - Storage with Firebase (Resources / Examples)
- awesome-vue - vuefire-storage - Storage with Firebase (Resources / Examples)
- awesome-vue - vuefire-storage - Storage with Firebase (Resources / Examples)
- awesome-vue - vuefire-storage - Storage with Firebase (Resources / Examples)
- awesome-vue - vuefire-storage - Storage with Firebase (Resources / Examples)
- awesome-vue - vuefire-storage - Storage with Firebase (Awesome Vue.js [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome) / Examples)
- awesome-vue - vuefire-storage - Storage with Firebase (Awesome Vue.js [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome) / Examples)
- awesome-vue - vuefire-storage - Storage with Firebase (Awesome Vue.js [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome) / Examples)
- awesome-vue. - vuefire-storage - Storage with Firebase (Awesome Vue.js [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome) / Examples)
- awesome-vue - vuefire-storage - Storage with Firebase (Awesome Vue.js [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome) / Examples)
- awesome-vue - vuefire-storage - Storage with Firebase (Awesome Vue.js [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome) / Examples)
- awesome-vue - vuefire-storage - Storage with Firebase (Resources / Examples)
- awesome-vue - vuefire-storage - Storage with Firebase (Resources / Examples)
- awesome-vue - vuefire-storage ★20 - Storage with Firebase (Awesome Vue.js [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg) ★101652](https://github.com/sindresorhus/awesome) / Examples)
- awesome-vuejs - vuefire-storage - Storage with Firebase (Awesome Vue.js [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome) / Examples)
README
# vuefire-storage demo
## Config
> firebase storage rules
``` bash
allow read, write: if request.auth != null; change to allow read, write: if true;
```At -> src/components/Hello.vue [firebase console](https://console.firebase.google.com/)
``` bash
let config = {
//firebase console
apiKey: '',
authDomain: "",
databaseURL: "",
storageBucket: "",
messagingSenderId: ""
}
```## Build Setup
``` bash
# install dependencies
npm install# serve with hot reload at localhost:8080
npm run dev# build for production with minification
npm run build# build for production and view the bundle analyzer report
npm run build --report
```