Question

在 Vue 中获取解析错误：意外的标记，预期为“，”

2020-02-18

5841

javascript vue.js

我正在尝试执行 axios 请求，但无论我做什么，我都会收到相同的错误消息。

消息是：

解析错误：意外令牌，预期为“，” 。错误指向 axios.get （它指向错误消息中“axios”和“get”之间的点）。如果我在代码中输入类似 console.log 的内容，它会给出相同的消息。

我基本上只是使用常规的默认 vue 项目，我所做的唯一一件事是在 HelloWorld.vue 中添加以下代码。

<script type="text/javascript">
   import axios from 'axios';
 //  const axios = require('axios');

  export default {
    name: 'HelloWorld',  //  console.log("hi"),
    props: {
      msg: String //response
    },
    methods: {
      axios.get('https://swapi.co/api/people/1')
        .then(function(response){
            console.log(response)
        })
    }
  }

</script>

有人可以告诉我为什么这个错误一直出现吗，我猜这很简单，但我现在失去了理智。谢谢

Answer 1

您将无法访问您的 axios 方法，因为它实际上并未被声明为函数。您可以用两种方式编写 vue 方法，这两种方式都是等效的（据我所知）。

export default {
  data() {
    item: []
  },
  methods: {
    getStarWarsCharacters() {
      // axios call goes here
    }
  }
}

另一种方式如下：

export default {
  data() {
    item: []
  },
  methods: {
    getStarWarsCharacters: () => {
      // axios call goes here
    }
  }
}

我怀疑，如果您用第一种方式编写，Vue 实际上会转换为第二种方式。

Answer 2

axios 必须在你的根文件中进行全球化。

    const axios = require('axios');
global.axios = axios;

Fardin Ahsan

2020-02-18