这是我来自组件的代码块,我相当新(使用vue.js 2天,我遇到了一篇关于MEVN ARCH的中篇文章。
<template>
<div class="post">
<h1>post</h1>
<div >
<!-- <p v-for="post in posts">
<span><b>{{post.title}}</b></span>
<span><b>{{post.description}}</b></span>
</p> -->
</div>
</div>
</template>
<script>
import postService from "@/services/postservice";
export default {
name: 'posts',
data () {
return {
posts: []
}
},
mounted () {
this.getPosts()
},
methods: {
async getPosts () {
const response = await postService.fetchPost()
this.posts = response.data
}
}
}
</script>
<style scoped>
</style>
这是终端输出:
答案 0 :(得分:0)
如果您使用以下语法:
"@/services/postservice"
您必须确保您的Webpack配置实际上包含如下别名:
resolve: {
alias: {
'@': 'resources/assets/js(this is your custom path, dont just copy this)'
}
}
这告诉Webpack @
实际解析了什么。因为默认情况下它没有任何意义。只有当您为Webpack配置提供此别名时,才会实际解析为完整路径。
我猜这是问题所在。