在Sails.js中,要从API控制器的JS文件中获取数据以在Vue.js应用程序中查看EJS文件,可以按照以下步骤进行操作:
DataController
的控制器:sails generate controller Data
DataController.js
文件中,编写一个名为getData
的动作,用于获取数据。在该动作中,可以使用Sails.js的模型来查询数据库或者其他数据源,然后将数据返回给前端。以下是一个示例:module.exports = {
getData: async function(req, res) {
try {
// 查询数据
const data = await Data.find();
// 返回数据给前端
return res.json(data);
} catch (error) {
// 处理错误
return res.serverError(error);
}
}
};
import axios from 'axios';
export default {
data() {
return {
data: []
};
},
mounted() {
this.getData();
},
methods: {
getData() {
axios.get('/data/getData')
.then(response => {
this.data = response.data;
})
.catch(error => {
console.error(error);
});
}
}
};
在上述示例中,mounted
钩子函数会在Vue组件挂载后自动调用getData
方法,该方法使用Axios发送GET请求到/data/getData
接口,并将返回的数据赋值给组件的data
属性。
需要注意的是,以上示例仅为演示目的,实际情况中你可能需要根据具体需求进行适当的修改。
关于Sails.js和Vue.js的更多详细信息和用法,请参考以下链接:
领取专属 10元无门槛券
手把手带您无忧上云