axios get根据提供的接口 /api/city.json通过get请求拿到 城市数组
时间: 2024-09-08 21:04:26 浏览: 109
axios 是一个基于 Promise 的 HTTP 客户端,用于浏览器和 node.js 环境。使用 axios 进行 GET 请求获取数据是一种常见的操作。下面是如何使用 axios 的 get 方法从提供的接口 `/api/city.json` 获取城市数组的示例代码:
```javascript
// 首先,确保已经通过npm安装了axios库,或者在HTML中通过<script>标签引入了axios
// 通过npm安装:npm install axios
// 在HTML中引入: <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
const axios = require('axios'); // 如果是在Node环境中使用,需要引入axios模块
// 或者
// const axios = Axios; // 如果是在浏览器环境中使用,可以使用全局变量Axios
// 使用axios发起GET请求
axios.get('/api/city.json')
.then(function (response) {
// 这里的response.data包含了从服务器返回的数据
const cityArray = response.data;
console.log(cityArray); // 输出获取到的城市数组
})
.catch(function (error) {
// 请求失败处理
console.error(error);
});
```
在上述代码中,我们首先调用 `axios.get` 方法并传入接口路径 `/api/city.json`。这个方法返回一个 Promise 对象,该对象会被 `.then()` 方法中的第一个函数处理。这个函数的参数 `response` 包含了服务器的响应信息,其中 `response.data` 就是服务器返回的 JSON 数据。在实际的应用中,你可以在这个地方处理获取到的城市数组。
请注意,上述代码假设你的后端服务已经配置好了,并且该接口是可用的。在实际部署和使用时,你可能需要根据实际情况(如服务器配置、跨域设置等)进行相应的调整。
阅读全文