Question

我正在尝试将文件从vue上传到flask，但我得到了

阻止跨源请求：同源策略不允许在http://localhost:5000/upload读取远程资源。（原因：缺少CORS标题'Access-Control-Allow-Origin'）..

这是我的vue代码：

Private Sub dtpDateOfBirth_Click(sender As Object, e As EventArgs) Handles
    dtpDateOfBirth.MouseDown

    Console.WriteLine("dtpDateOfBirth Click")
    dtpDateOfBirth.CustomFormat = "dd/MM/yyyy"
End Sub

这是我的app.py

<script>
  var Vue = require('vue');
  Vue.use(require('vue-resource'));
  export default {
    name: 'app',
    methods: {
      onFileChange(e) {
        var files = e.target.files || e.dataTransfer.files;
        if (!files.length)
          return;
        let data = new FormData();
        data.append('file', files[0]);
        Vue.http.post('http://localhost:5000/upload', this.fileUploadFormData, function (data) {
          alert('good')
        });
      }
    }
  }
</script>

Answer 1

在这一行：cors = CORS(app, resorces={r'/*': {"origins": '*'}})你有一个错字。将resorces更改为resources。

将文件从Vue上传到Flask CORS不起作用

1 个答案: