javascript - 由于 axios 获取请求,无法编译 vue.js 应用程序
问题描述
我有这个看似简单的 vue.js 组件,它导致应用程序无法编译:
<template>
<div>
<div v-if="token">
u R LOGED IN {{userid}}
</div>
<div v-else>
Token not found
</div>
</div>
</template>
<script>
import axios from 'axios';
export default {
name: 'AboutMe',
created: {
axios.get('http://127.0.0.1:3000/profile/aboutme/somejibberish' )
.then( res => {
console.log(res);
})
.catch( error => {
console.log(error);
})
}
}
</script>
我得到的错误是:
ERROR Failed to compile with 1 errors
error in ./src/components/AboutMe.vue?vue&type=script&lang=js&
Syntax Error: SyntaxError: /home/me/vue-myapp/src/components/AboutMe.vue: Unexpected token, expected "," (122:9)
120 |
121 | created: {
> 122 | axios.get('http://127.0.0.1:3000/profile/aboutme/fwefwefewf' )
| ^
123 | .then( res => {
124 | console.log(res);
125 |
@ ./src/components/AboutMe.vue?vue&type=script&lang=js& 1:0-222 1:238-241 1:243-462 1:243-462
@ ./src/components/AboutMe.vue
@ ./src/routes.js
@ ./src/main.js
@ multi (webpack)-dev-server/client?http://192.168.1.10:8080/sockjs-node (webpack)/hot/dev-server.js ./src/main.js
我在同一个应用程序的其他组件中使用了公理,没有任何问题,所以不知道这里可能出了什么问题?我该如何解决?
解决方案
created 属性需要是一个函数,而不是一个对象:
import axios from 'axios';
export default {
created() {
axios.get(...
}
}
推荐阅读
- swift - 3 个不同的按钮和 1 个按钮中的操作
- wordpress - 在同一域上的站点之间共享 cookie - Headless / Decoupled CMS
- html - 如何使用 Python 3 从 HTML 网页中提取带有 © 符号的版权信息
- python - 异步 dns 查找,但结果转到同一个文件
- corda - 为什么我得到 CollectSignaturesFlow 的发起者必须在 Corda 中传递确切的会话错误?
- python - 打包 python 文件不起作用。“ModuleNotFoundError:没有名为“Pokemon”的模块”
- scheme - 使用球拍的数量不匹配
- python-3.x - 熊猫系列四舍五入中位数和平均值
- r - R:两个数据集之间的模糊连接
- c# - Unity UnityWebRequest 没有返回值