Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/393.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何查询WordPress博客以列出Vue.js网站上的最新帖子?_Javascript_Node.js_Vue.js - Fatal编程技术网

Javascript 如何查询WordPress博客以列出Vue.js网站上的最新帖子?

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>

我正在尝试从我的网站上获取我最近的帖子,但在正确调用API时遇到了问题。我做错了什么

我使用的是WordPressAPI版本1.1和Vue.js版本2.0。我已经正确安装了Axios和所有必要的工具,包括Vue.js Devtools,以查看正确API调用的结果

但是,一旦我调用API,它就不会列出任何帖子

<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图托:我完成了,谢谢!