Djongo vue 跨域
时间: 2023-10-04 16:11:45 浏览: 38
在Django和Vue.js中实现跨域请求可以通过以下步骤完成:
1. 在Django中,你需要安装django-cors-headers库。你可以通过运行以下命令来安装它:
```
pip install django-cors-headers
```
2. 在你的Django项目的settings.py文件中,将`corsheaders`添加到`INSTALLED_APPS`中:
```python
INSTALLED_APPS = [
# ...
'corsheaders',
# ...
]
```
3. 在settings.py文件的底部,添加以下配置:
```python
CORS_ORIGIN_ALLOW_ALL = True
```
这将允许所有域名发起跨域请求。如果你只想允许特定的域名,请将CORS_ORIGIN_WHITELIST配置为相应的域名列表。
4. 在你的项目的urls.py文件中,将CorsMiddleware添加到MIDDLEWARE中:
```python
MIDDLEWARE = [
# ...
'corsheaders.middleware.CorsMiddleware',
# ...
]
```
5. 在Vue.js项目中,你可以使用axios库发送跨域请求。确保在发送请求之前设置axios的baseURL,以指定请求的服务器地址。
例如,在Vue组件中:
```javascript
import axios from 'axios';
axios.defaults.baseURL = 'http://your-django-server.com';
axios.get('/api/your-endpoint')
.then(response => {
// 处理响应数据
})
.catch(error => {
// 处理错误
});
```
这样配置后,你的Vue.js应用将能够向Django服务器发起跨域请求。记得在Django服务器上进行相应的CORS配置来允许跨域请求。