Flask,Axios POST返回网络错误

时间:2018-12-04 18:40:52

标签: vue.js flask axios

我试图使我的Flask API工作,但是在POST中提交axios表单时仍然出现一些“网络错误”。

以为这是一个CORS错误,但我想我已经尽了一切努力使其正常工作。如果有人有主意。

  

API

from flask_cors import CORS, cross_origin

    UPLOAD_FOLDER = './WorkingDirectory/'
    ALLOWED_EXTENSIONS = set(['mp3', 'wav'])

    app = Flask(__name__)
    cors = CORS(app, resources={r"/*": {"origins": "*"}})

    @app.route('/', methods=['GET', 'POST'])
    @cross_origin()

我的axios帖子:

    onSubmit () {
        this.axios({
        method: 'post',
        url: 'http://127.0.0.1:5000/',
        data: {
            file: this.form.file,
            reverb: 'reverb',
        },
        headers: {
            'Content-Type': 'text/plain;charset=utf-8',
        },
    }).then(function (response) {
        console.log(response);
    }).catch(function (error) {
        console.log(error);
    });
}
  

确切错误:

Login:  Error: Network Error
    at createError (createError.js?2d83:16)
    at XMLHttpRequest.handleError (xhr.js?b50d:87)

1 个答案:

答案 0 :(得分:0)

尝试从axios调用帖子,并在数据和标题附近放置{}。

     onSubmit () {
        const var path = 'http://127.0.0.1:5000/'
        this.axios.post({
        path,
        {data: {
            file: this.form.file,
            reverb: 'reverb'
        }},
        {headers: {
            'Content-Type': 'text/plain;charset=utf-8'
        }},
    }).then(function (response) {
        console.log(response);
    }).catch(function (error) {
        console.log(error);
    });
}