Vue.jsとFlaskでフルスタックなWebアプリの開発環境を構築 その１〜〜環境構築〜〜 - 雑食へいちゃんの思い出達
はじめに vue-cliで雛形のインストール（フロントエンド） サンプルページの追加 ビルドディレクトリの変更 Flaskのインストール（バックエンド） Flaskのサンプル作成 404ページの追加 APIの追加 終わりに はじめに 最近のWebアプリはReact.jsやVue.jsを使用したSPAが主流かと思いますが、データ取得のAPIを実装したりなど、サーバサイドの実装も必要になります。 自分はJavascriptに不慣れなのでサーバサイドはJavascriptではなくPythonを使いたかったので、Flaskと共存できる構成にしたかったのがきっかけです。 いろいろと探してみたらすでに先人がやっていました。 Full-stack single page application with Vue.js and Flask Single Page Apps with Vue.js and
FlaskとVue.jsでSPA Webアプリ開発 - Qiita
はじめに Flask（バックエンド）とVue.js（フロントエンド）を使ってSPAの開発を行ったので，そのときの環境や手順についてまとめていきます．FlaskではSPA用のWebサーバとREST APIを動かします．Vue.jsではVue CLI 3を使って環境を構築するのと，フロントエンド単体で開発を進められるようにRESTのモックサーバなどの環境を用意します． Flaskとは Python製の軽量なWebアプリケーションフレームワークです．通常はテンプレートエンジンとしてJinja2を使ってHTMLを返す仕組みが一般的かと思いますが，今回はVue.jsとの組み合わせでSPAで開発を行います．また追加のパッケージを利用してREST APIの実装も行います． http://flask.palletsprojects.com/en/1.1.x/ Vue.jsとは WebアプリケーションのUI
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Vueとflaskの連携のやり方【Vue&flask】
