Python 如何使用vue将请求发布到烧瓶?
我想Python 如何使用vue将请求发布到烧瓶?,python,vue.js,flask,Python,Vue.js,Flask,我想将数据从Vue发布到flask 如果我不使用参数数据:{},那就没有问题 如果使用,则会发生错误 这就是服务器(HTTP状态代码是200) 为什么会这样?我该怎么办 代码: Home.vue <script> import axios from 'axios' export default { created() { this.getData(); }, methods: { getData() { axios({
将数据从Vue发布到flask
如果我不使用参数数据:{}
,那就没有问题
如果使用,则会发生错误
这就是服务器(HTTP状态代码是200)
为什么会这样?我该怎么办
代码:
Home.vue
<script>
import axios from 'axios'
export default {
created() {
this.getData();
},
methods: {
getData() {
axios({
baseURL: 'http://127.0.0.1:5001',
url: '/recData',
method: 'post',
data: {
firstName: 'Fred',
lastName: 'Flintstone'
}
}).then(res=>{
console.log(res);
}).catch(err=>{
console.log(err);
})
}
},
}
</script>
您可以在vue.config.js
module.exports = {
devServer: {
proxy: 'http://127.0.0.1:5001',
}
}
在这个链接中有一篇关于它的好文章:将它添加到vue.config.js
并在配置更改后重新启动服务器
devServer: {
proxy: {
"/": {
target: "http://localhost:5001",
ws: false,
changeOrigin: true,
logLevel: 'debug'
}
}
在您的组件中使用此选项
let url = "/recData";
let payload = {
firstName: "Fred",
lastName: "Flintstone"
}
axios.post(url, payload)
.then(res=>{
console.log(res);
})
.catch(err=>{
console.log(err);
});
我希望它能起作用,并且我能够帮助您。您在vue.config.js
中指定了代理吗?我尝试了,但它不起作用module.exports={publicPath:process.env.NODE_env==='production'?'/webPage/':'/',devServer:{proxy:'http://127.0.0.1:5001“,}
具有相同的错误消息,在vue-cli3Dear@pcymichael中,我认为您无法阅读process.env.NODE\u env
!尝试在浏览器控制台中登录,并检查是否已登录。如果没有,您可以使用
let url = "/recData";
let payload = {
firstName: "Fred",
lastName: "Flintstone"
}
axios.post(url, payload)
.then(res=>{
console.log(res);
})
.catch(err=>{
console.log(err);
});