如何使用 Vuejs 前端框架使用 MySQL/PHP 从服务器获取数据

Question

我对网络编程很陌生。目前，我正在寻求将后端数据从 PHP/MySQL 导入到 vuejs 应用程序中。我不明白的其中一个是Axios是如何工作的，以及我如何通过PHP(MySQL后端数据库(导入数据。后端数据库是通过 XML 创建的。

首先，我通过这个链接 https://www.npmjs.com/package/vue-axios 安装了 vue-Axios。接下来，我继续阅读文档，有各种类型的代码(我不确定在哪里应用(。我正在寻找的是如何导入带有图片的特定组件/项目(包含数据(。我提前感谢您的帮助。

Answer 1

我将在这里发布我的答案，作为对OP评论的回应，并提供更好的格式。

import axios from 'axios'
export default {
name: 'home',
async mounted () {
let response = await axios('http://128.106.100.230/bistro/get_step1_1.php')
// do something with the response here...
},
}

response是一个对象。您可以使用以下方法获取结果

response.data

或使用 es6 的对象解构：

let { data } = await axios('http://128.106.100.230/bistro/get_step1_1.php')