我正在开发一个可以购买或租用房地产的应用程序。我使用Lumen作为后端,使用nuxt js作为前端。
一切正常,但属性配置文件页面正常。我已经在nuxt.conf.js文件中找到了有关刷新和generate方法的说明,但我真的不太理解。我的疑问如下:
我有一个properties.vue页面-app / properties-用于呈现数据库中的所有属性,当我获取它们时,将它们保存在商店中的properties数组中。单击属性卡(显示每个属性的初始数据的组件)时,它将导航到属性页配置文件-app / properties / xxxx-
一切在第一次都可以正常运行,但是当我重新加载时无法获得该页面。目录结构是这样的:
-应用 -页面/ * -propertuies.vue->呈现所有属性 -属性/ * -_ code.vue->仅呈现属性
当您第一次进入_code.vue年龄时,它将从属性的存储数组中获取该属性,找到具有唯一代码的属性,但是当我重新加载时,可以从哪里获得该唯一代码?我需要它是因为在本地环境中工作时,我只是向后端发出请求,发送了唯一的代码,然后我获得了该属性,但是在我部署的主机上它不起作用。
这是/property/_code.vue页面的代码:
async asyncData({ store, params, $axios }) {
// Check if properties array is empty in store. If it is then make the request
if(store.state.properties.properties.length === 0) {
const res = await $axios.$get(`${$axios.defaults.baseURL}/property/${params.code}`);
return {
property: res.property[0]
};
// If it's not empty, then I get it from store.
} else {
return {
property: store.state.properties.actives.find(p => p.code === params.code)
};
}
}
我需要在nuxt JS上重新加载生成东西的逻辑相同,但是我真的不知道如何做。
我需要通过参数传递的唯一代码。