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);
       });