django跨域配置
跨域
用Django的第三方包 django
-cors
-headers 来解决跨域问题
操作步骤：
1.pip install django
-cors
-headers
2.在settings
.py中添加
'corsheaders.middleware.CorsMiddleware',在SessionMiddleware和CommonMiddleware的中间
3.在settings
.py中添加CORS_ORIGIN_ALLOW_ALL
= True
vue配置跨域
vue跨域配制
在config文件夹下的index
.js中配制
proxyTable
: {
'/api': { //使用
"/api"来代替
"http://f.apiplus.c"
target
: 'http://127.0.0.1:8000/', //源地址
changeOrigin
: true
, //改变源
pathRewrite
: {
'^/api': '' //路径重写
}
}
},
axios语法使用
例
axios使用
axios完整写法：请求接口有get，post，两种基本方式
this
.axios
({
method
: 'post',
url
: '/user/12345',
data
: {
firstName
: 'Fred',
lastName
: 'Flintstone'
}
}).then
((res
)=>{
console
.log
(res
)
}).catch
((error
)=>{
console
.log
(error
)
});
post请求成功then箭头函数，失败catch箭头函数
this
.axios
.post
('',{}).then
((res
)=>{}).catch
((error
)=>{})
get请求
axios
.get
('/user?ID=12345')
.then
((response
)=> {
console
.log
(response
);
})
.catch
((error
)=> {
console
.log
(error
);
});
axios配置
在main
.js里配置，该两行
import axios
from 'axios'
Vue
.prototype
.axios
= axios
//其它组件可以使用this
.axios
//下载axios的安装包
npm install
--save axios 安装axios需要cd到vue项目
