Javascript 如何查询WordPress博客以列出Vue.js网站上的最新帖子?
我正在尝试从我的网站上获取我最近的帖子,但在正确调用API时遇到了问题。我做错了什么 我使用的是WordPressAPI版本1.1和Vue.js版本2.0。我已经正确安装了Axios和所有必要的工具,包括Vue.js Devtools,以查看正确API调用的结果 但是,一旦我调用API,它就不会列出任何帖子Javascript 如何查询WordPress博客以列出Vue.js网站上的最新帖子?,javascript,node.js,vue.js,Javascript,Node.js,Vue.js,我正在尝试从我的网站上获取我最近的帖子,但在正确调用API时遇到了问题。我做错了什么 我使用的是WordPressAPI版本1.1和Vue.js版本2.0。我已经正确安装了Axios和所有必要的工具,包括Vue.js Devtools,以查看正确API调用的结果 但是,一旦我调用API,它就不会列出任何帖子 <template> <div> <div> <p>{{posts}}</p>
<template>
<div>
<div>
<p>{{posts}}</p>
</div>
</div>
</template>
<script>
import Axios from "axios"
export default {
name: 'Blog',
mounted() {
this.getPosts();
},
data() {
return {
postsURL: "https://public-api.wordpress.com/rest/v1.1/sites/ninjawebsitedesign.com/blog/posts/?number=2&pretty=true",
posts: [],
postsData: {
per_page: 20,
page: 1
}
}
},
methods: {
getPosts() {
Axios.get(this.postsUrl, { params: this.postsData })
.then((response) => {
this.posts = response.data
})
.catch((error) => {
console.log(error)
})
}
}
}
</script>
<style scoped>
ul li {
color: black !important;
}
</style>
{{posts}}
从“Axios”导入Axios
导出默认值{
名称:'博客',
安装的(){
这是getPosts();
},
数据(){
返回{
postsURL:“https://public-api.wordpress.com/rest/v1.1/sites/ninjawebsitedesign.com/blog/posts/?number=2&pretty=true",
员额:[],
星期四后:{
每页:20,
页码:1
}
}
},
方法:{
getPosts(){
get(this.postsUrl,{params:this.postsData})
。然后((响应)=>{
this.posts=response.data
})
.catch((错误)=>{
console.log(错误)
})
}
}
}
ulli{
颜色:黑色!重要;
}
您需要在wordpress上启用REST API并使用此url API:需要一些基本的调试细节,而不仅仅是“不起作用”,这告诉我们没有什么价值。是否提出了请求、错误等?如果做出了什么样的响应?您是否检查了您的请求是否返回了任何数据?好的,但我的WordPress站点存储在一个文件夹中。主域是Vue.js应用程序。如何引用未存储在主域中的站点?URL名称是什么?“/”似乎可以分离某些API函数,那么我如何将ninjawebsitedesign.com/blog这样的“文件夹”表示为我调用API的WordPress网站呢?所以你的WordPress没有url API,你有权访问WordPress面板吗?你需要两个端点api.wordpress.com(带安全令牌)和vuejs.com图托:我完成了,谢谢!