获取解析错误：意外的令牌，预期在 Vue 中","

Question

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

消息是：

CCD_ 1。错误指向axios.get(它指向错误消息中"axios"one_answers"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;