将变量连接到字符串时出现语法错误

Question

这里我在设置状态时进行了隐式修饰，但是它给出了语法错误。我显然是vue js世界中的新手。

export default{
  data: function(){
    return{
      http_options:{
              headers:{
                '"Authorization": "Basic '+ this.$store.state.authorization + '"'
              }
             }, 

模块构建失败：SyntaxError：意外令牌（11:42）

 http_options:{
                headers:{
                '"Authorization": "Basic '+ this.$store.state.authorization + '"'
                                          ^
                }
              }

Answer 1

您的'和"不匹配。只需使用：

 headers:{
    Authorization: "Basic "+ this.$store.state.authorization
 }

如果您需要在'周围使用this.$store.state.authorization（我非常怀疑您是否在做basic auth）

 headers:{
    Authorization: "Basic '"+ this.$store.state.authorization + "'"
 }

Answer 2

使用ES6模板字符串

headers:{
  "Authorization": `Basic ${this.$store.state.authorization}`                     
}