如何使用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')