windows10下，零基礎學習VUE（3）-- axios+flask構建前后端通信demo

joy968 發布于2019-07-31 10:16 / 2956人閱讀

摘要：當前為大綱的內容待完善中安裝參考文檔示例構建在中運行服務在中調用，并顯示模板部分歡迎來到首個測試頁面腳本部分腳本部分，未學習，不過就是頁面丑一點而已，問題不大，回頭再學把。

當前為大綱的內容：待完善中

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腳本部分，未學習，不過就是頁面丑一點而已，問題不大，回頭再學把。

GPU云服務器云服務器機器學習零基礎學習零基礎入門學習零基礎深度學習機器學習零基礎

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/43554.html

Sanic ＋前端MVVM 一種新一代Python高性能全棧開發實踐

摘要：前端一種新一代高性能全棧開發實踐背景本項目將使用配合最簡單的邏輯來展示一個基于的全新一代高性能全棧開發實踐的為什么是對于為何不是等著名框架，或許可能很多人會產生疑惑，本身和非常的相似，而它的出現，不僅是大大改進過去時代性能低下通病，外加配 SanicCRUD-vue Sanic ＋前端MVVM 一種新一代Python高性能全棧開發實踐showImg(https://segmentfa...

Profeel 2019-07-25 12:00 評論0 收藏0
Sanic ＋前端MVVM 一種新一代Python高性能全棧開發實踐

摘要：前端一種新一代高性能全棧開發實踐背景本項目將使用配合最簡單的邏輯來展示一個基于的全新一代高性能全棧開發實踐的為什么是對于為何不是等著名框架，或許可能很多人會產生疑惑，本身和非常的相似，而它的出現，不僅是大大改進過去時代性能低下通病，外加配 SanicCRUD-vue Sanic ＋前端MVVM 一種新一代Python高性能全棧開發實踐showImg(https://segmentfa...

NusterCache 2019-08-20 17:22 評論0 收藏0
手把手教你如何用Crawlab構建技術文章聚合平臺(二)

摘要：上一篇文章手把手教你如何用構建技術文章聚合平臺一介紹了如何使用搭建的運行環境，并且將與集成，對掘金進行技術文章的抓取，最后可以查看抓取結果。本篇文章將繼續講解如何利用編寫一個精簡的聚合平臺，將抓取好的文章內容展示出來。上一篇文章《手把手教你如何用Crawlab構建技術文章聚合平臺(一)》介紹了如何使用搭建Crawlab的運行環境，并且將Puppeteer與Crawlab集成，對掘金、...

zhunjiee 2019-07-31 10:11 評論0 收藏0
2017年3月份前端資源分享

平日學習接觸過的網站積累，以每月的形式發布。2017年以前看這個網址：http://www.kancloud.cn/jsfron... 03月份前端資源分享 1. Javascript 175453545 Redux compose and middleware 源碼分析深入 Promise(二)——進擊的 Promise Effective JavaScript leeheys blog -...

ermaoL 2019-06-27 16:30 評論0 收藏0
2017年3月份前端資源分享

平日學習接觸過的網站積累，以每月的形式發布。2017年以前看這個網址：http://www.kancloud.cn/jsfron... 03月份前端資源分享 1. Javascript 175453545 Redux compose and middleware 源碼分析深入 Promise(二)——進擊的 Promise Effective JavaScript leeheys blog -...

kamushin233 2019-08-29 12:34 評論0 收藏0