前后端数据传递,涉及跨域,因此,前端需设proxy代理。我使用的是vue/cli4。
vue/cli4默认无vue.config.js,只有bable.config.js,两者不同。proxy需配置在vue.config.js下,手工新建一个文件命名为vue.config.js,proxy配置信息如下:
module.exports={
devServer:{
host:'localhost', //vue启动的地址
port:8080, //vue启动的端口
proxy:{
'/api':{
target:'http://127.0.0.1:8000', //django运行的网址和端口,取决于django
changeOrigin:true,
pathRewrite:{
'/api':'' //送入django时/api会替代成该值,注意django中的urls路径
}
}
}
}
}