Java 在渲染期间定义的属性和传递变量时出错
我正在使用一个静态网站从wordpress获取数据 我的代码Java 在渲染期间定义的属性和传递变量时出错,java,vue.js,graphql,nuxt.js,Java,Vue.js,Graphql,Nuxt.js,我正在使用一个静态网站从wordpress获取数据 我的代码 export default { asyncData({params, error}) { // We can return a Promise instead of calling the callback let slug = params.slug; //return axios.get('https://dev.lesdeuxvagues.com/api/wp-json/
export default {
asyncData({params, error}) {
// We can return a Promise instead of calling the callback
let slug = params.slug;
//return axios.get('https://dev.lesdeuxvagues.com/api/wp-json/wp/v2/posts/?slug='+slug)
return axios({
url: 'https://dev.lesdeuxvagues.com/api/graphql',
method: 'post',
data: {
query: `
query {
postBy(slug:"$slug") {
content
}
}
`
}
}).then((result) => {
console.log(result.data)
});
}
}
第一个问题:
我犯了这个错误,可能是因为我的axios查询不是一个承诺
[Vue warn]:未在上定义属性或方法“内容”
实例,但在渲染期间被引用。请确保此属性为
反应式,无论是在数据选项中,还是对于基于类的组件,
通过初始化属性。见:
第二个问题:
我试图将变量$slug传递给查询以获得正确的内容,但它不起作用。我试图在GraphQL文档上查看,但不知道如何执行
提前感谢您的帮助 您能显示GraphQL的模式定义吗?当然:这不是模式!这就是你在GraphiQL工具中碰到的端点!但它确实显示了解析查询的成功。。。您得到的错误到底是什么?对于我的第一个问题,我解释了错误。对于第二个问题,我得到了一个“找不到资源”的结果,因为我认为我不应该像这样在查询中放入$slug。。。