windows10下，零基础学习VUE（3）-- axios+flask构建前后端通信demo

当前为大纲的内容：待完善中

1. axios

axios 安装

• npm install axios

参考文档

• https://www.kancloud.cn/yunye...

示例demo

• https://cn.vuejs.org/v2/cookb...

2. flask

构建api:

from flask import Flask, render_template,jsonify
from flask_cors import CORS
app = Flask(__name__,
        static_folder = "./dist/static",
        template_folder = "./dist")

cors = CORS(app, resources={"/api/*": {"origins": "*"}})

from random import *
@app.route('/api/random')
def random_number():
    response = {
        'randomNumber': randint(1, 100)
    }
    return jsonify(response)

在jupyter_notebook中运行服务

from werkzeug.serving import run_simple
run_simple('0.0.0.0', 9001, app)

3. 在vue中调用，并显示

• 模板部分

• js脚本部分

• css脚本部分，未学习，不过就是页面丑一点而已，问题不大，回头再学把。