vuejs において、fastapiデータを受信しようとしたがCORSによりエラーでたことの対応 CORS CORS
vuejs において、fastapiデータを受信しようとしたがCORSによりエラーでたことの対応
★エラー内容
vuejs環境において、fastapi側から データを受信してデータを表示しようとすると
以下のエラーがでる。
Access to fetch at 'xxxx' from origin 'yyyy' has been blocked by CORS policy:
vue3 での環境構築（vue-routerもvuetfyもいっしょにいれる） vuetify vue
vue3 での環境構築（routerもvuetfyもいっしょに）
1 vue create vue-hogepj
→ 手動インストールで vue3 rooter を選択
2 cd vue-hogepj
3 yarn serve
→ いったん起動を確認
http://118.27.28.163:9075/
4 v
ImportError: cannot import name 'TypeAliasType' from 'typing_extensions' (/usr/local/lib/python3.7/site-packages/typing_extensions.py)のエラーがでてたけど python python
ImportError: cannot import name 'TypeAliasType' from 'typing_extensions' (/usr/local/lib/python3.7/site-packages/typing_extensions.py)のエラーがでてたけど
pip install fastapi-sqlalchemy
をいれなおしたらでなくなった
pyth
python fastapi-codegen でエラーがでてた。TypeError: Mode.__init__() got an unexpected keyword argument 'experimental_string_processing' fastapi-codegen fastapi-codegen
Python のバージョン 3.10.13 環境で、fastapi-codegen 公式サイトのサンプルを使い実行するとエラーがでてた。
fastapi-codegen --input api.yaml --output app を実行すると以下のエラー。
いろいろ試したが結果的には、pythonバージョン 3.7 の環境にすると実行できた。
理由はわからないけど、とりあえずメモ。
T
vue3 vuetify3.4 において、v-data-tableの行クリック時の処理について v-data-table v-data-table
vue3 vuetify3.4 において、v-data-tableの行クリック時の処理について
vuetify3.4 で vdatatableが lab がとれて正式リリースになってる。
■template部
<v-data-table :headers="headers_arr" :items="datalist" item-value="message" @click:row="
vuetify3.4にバージョンアップ、v-data-tableでのslotを使用した置換 v-data-table v-data-table
vuetify3.4にバージョンアップ、v-data-tableでのslotを使用した置換
若干変わってる。
以下で、対応できた。
旧バージョンでは
line.item.columns.カラム名
のように書いてて、今回は.columnsを書かなくてよくなったね。
■概要
<v-data-table :headers="headersr" :items="datalist" >
vuejs での環境設定ファイルの読み方 vuejs vuejs
vuejs での環境設定ファイルの読み方
・プロジェクトの最上位プロジェクトに以下を配置
.env
HOGEHOGE_URL=https://yahoo.co.jp
・vuejs内で以下を書けばok
console.log(`${import.meta.env.HOGEHOGE_URL}`)
postgres において検索結果を json形式で取得しつつ 指定列のみ取得し指定キーでソートする sqlの書き方（json_build_objectを使う） json_build_object postgres
postgres において、検索結果を
・json形式で取得しつつ
・指定列のみ取得し（link_idとwidthとdisplay_order列だけ取得）
・指定キーでソート（display_order）
する sqlの書き方
a_db=# SELECT json_build_object('link_id',link_id,'width',width,'display_order
vuejs3 において、selectbox に変更がある場合に、処理（関数）を実行する。@update:modelValueを使ったよ @update:modelValue vuejs3-selectbox
vuejs3 において、selectbox に変更がある場合に、処理（関数）を実行する
@update:modelValue="関数" を使う
例
<v-select v-model="condition" :items="att" @update:modelValue="logHoge" ></v-select>
selectboxを変更するたびに、logHoge()を実行する
vuejs component 再表示 selectboxで選択項目を変更するたびに、コンポーネントを再取得したい vuejs vuejs
vuejs component 再表示
・やりたいこと：selectboxで選択項目を変更するたびに、コンポーネントを再取得したい
・解決策：:key を使用して、呼び出すごとに key項目を変化させることで対応可能
------------------------------
・template側（selectbox）
<v-select @update:modelValue="c