vue+axios跨域报错

flask+axios $http.post()表单数据传不到后端-跨域、数据传输

浏览器f12console报错

报错内容：

Access to XMLHttpRequest at 后台接口 from origin 前端地址 has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is
present on the requested resource.

进一步查看错误，刷新页面重新发送请求，network-xhr-headers

谢谢，这个链接解决了困扰我好几天的前端axios post请求提交一个form表单给flask后台接口，但是报跨域错的问题！明明后端app.js配置了跨域，前端vue.config.js也配置了跨域，原因：前后端传参方式不统一，传统方式？拼接，而实际post请求传递的是json格式的参数，因此把后台参数获取方式改成page_num = int(request.json.get(‘page’)) 大功告成！！！！感谢帮助我的同学，感谢我的同学搜到了这篇博客，感谢写博客的博主，恩人们！

解决跨域的问题

后台app.js配置如下

#1.导包
from flask_cors import CORS
app = Flask(__name__)
app.register_blueprint(algorithm, url_prefix='/backend/abc')
app.config["JSON_AS_ASCII"] = False  # jsonify返回的中文正常显示
#2.配置允许跨域
CORS(app, supports_credentials=True)

#3.测试跨域成功的方法
@app.route('/', methods=['GET'])
def ping_pong():
    return jsonify('Hello World!')