如何将 axios.get 的 URL 修改为 /api/parking-info
时间: 2024-04-15 12:27:58 浏览: 100
Vue官方推荐AJAX组件axios.js使用方法详解与API
要将 `axios.get` 的 URL 修改为 `/api/parking-info`,你只需要将 `options.url` 的值修改为 `/api/parking-info`。修改后的代码如下:
```javascript
function getParkingInfo() {
const plate = document.getElementById('plate').value;
const options = {
method: 'GET',
url: '/api/parking-info',
params: { Token: 'Parking2023', TruckNo: plate },
headers: { 'content-type': 'application/json' }
};
axios.request(options).then(function (response) {
const timeElement = document.getElementById('time');
const feeElement = document.getElementById('fee');
timeElement.textContent = '停车时间:' + response.data.time;
feeElement.textContent = '停车费用:' + response.data.fee;
}).catch(function (error) {
console.error(error);
});
}
```
这样修改之后,`axios.get` 的请求 URL 将会是相对路径 `/api/parking-info`,而不再是绝对路径。请确保在你的服务器端配置中,有一个路由能够处理 `/api/parking-info` 的请求。这样,当用户点击获取信息按钮时,网页将向 `/api/parking-info` 发起跨域请求。
阅读全文