Javascript 由于权限错误，Firebase上载到存储桶失败，尽管允许读取+；写

我正在尝试将文件上载到我的存储桶ref，但出现错误：

r
code
:
"storage/unauthorized"
message
:
"Firebase Storage: User does not have permission to access 'pdf'."
name
:
"FirebaseError"
serverResponse
:
"{↵  "error": {↵    "code": 403,↵    "message": "Permission denied. Could not perform this operation"↵  }↵}"
__proto__
:
Error

以下是我用来提交上传的代码：

 submitUpload: function(){
     var files = this.$refs.upload.uploadFiles;
     console.log(files);
     var storageRef = storage.ref();
     var file = files[0]['raw'];
     console.log(file + ' is the file');
     var fileref = storageRef.child('pdf');
     fileref.put(file).then(function(snapshot){
     console.log('uploaded');
     });
 },

我正在使用element ui上载组件获取文件：

<el-upload drag class="upload-demo" ref="upload" :auto-upload="false" v-show="addItem.subcategory!=''">
  <el-button slot="trigger" size="small" type="primary" style="margin-bottom: 10px;">select file</el-button>
  <el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload">upload to server</el-button>
  <div class="el-upload__tip" slot="tip">PDFs no larger than 20 mb</div>
</el-upload>        

---

大多数有过类似问题的人都能够通过将他们的规则更改为我目前的规则来解决这些问题。关于是什么导致了这个问题，你有什么想法吗？

事实证明，{bucket}变量就是问题所在。当我将其替换为我的应用程序路径时，它看起来像：

/b/xyz-app.appspot.com/o

我可以上传文件

不知道车把是怎么放进去的，我不记得加了

/b/xyz-app.appspot.com/o