axios访问django接口
时间: 2024-10-22 11:12:06 浏览: 27
Axios是一个流行的JavaScript库,用于浏览器和Node.js环境中的HTTP请求。在Django(一个基于Python的Web框架)中,你可以通过设置后端API来供axios或其他前端库调用。
首先,你需要安装axios(如果还未安装):
```bash
npm install axios
```
然后,在Django项目里创建一个视图函数(views.py),例如`api/views.py`:
```python
from rest_framework.views import APIView
from rest_framework.response import Response
from rest_framework import status
import json
class AxiosExample(APIView):
def get(self, request):
data = {'message': 'Hello from Django via Axios!'}
return Response(data, status=status.HTTP_200_OK)
```
接下来,在Django项目的urls.py文件中添加路由:
```python
from django.urls import path
from . import views
urlpatterns = [
path('api/example/', views.AxiosExample.as_view(), name='axios_example'),
]
```
要在前端(通常在JavaScript中)使用axios访问这个接口,例如在`src/components/App.js` 或其他适当的地方:
```javascript
import axios from 'axios';
axios.get('/api/example/')
.then((response) => {
console.log(response.data);
// 处理返回的数据
})
.catch((error) => {
console.error(error);
});
```
阅读全文