[vue.js] タグが付いた質問
Vue.js（一般的にVueと呼ばれ、viewのようにビュー発音します）は、ユーザーインターフェイスを構築するためのオープンソースのプログレッシブJavaScriptフレームワークです。他のJavaScriptライブラリを使用するプロジェクトとの統合が、Vueで簡単に行うことができます。 Vueは、高度なシングルページアプリケーションを実現するWebアプリケーションフレームワークとしても機能します。
0
票
1
回答
116
閲覧数
Spring Boot: @RequestBodyでDTOのフィールドがnullになる問題(JUnitテストでは成功)
問題の概要
Spring BootアプリケーションでVue.jsからのPOSTリクエストを受け取る際、JSONペイロードは正常に送信されているにも関わらず、@RequestBodyで受け取ったDTOのすべてのフィールドがnullになってしまいます。
環境
Spring Boot: 3.5.3
Java: 17
フロントエンド: Vue.js + Axios
何が動いて何が動かないか
✅ 動作する: ...
0
票
0
回答
124
閲覧数
複数apiを呼び出すと401になる
Vue、laravelでSPA構成でwebシステムの開発をしております。
vueのとあるページから、5つほどAPIを呼び出しています。
時々なのですが、5つのうち1つだけ401エラーになって帰ってきます。(全て200で帰ってくる時もあります)
再現もしづらく、原因も不明で困っています。
アドバイスあればご教示いただきたいです。
補足
・Vueはlaravel配下のpublicに配置
・...
1
票
1
回答
867
閲覧数
Vueを使用したAPI通信でCORSエラー
やりたいこと
一つの実行ファイルでAPIサーバーとなるソフトがあり、このAPIを使用して、入手した情報をWebページに表示したい。(テスト用で簡単にAPI通信して、情報をWebブラウザに表示。)
http://localhost:8888/api にアクセスをすると、APIサーバーはJSON形式でAPIバージョンを返答します。
解決したいこと
開発用に手軽に既成APIサーバー(ローカル起動)...
0
票
1
回答
748
閲覧数
npm run build が上手くいかない
laravel sail,vue3,inertiaの技術選定でローカルの npm run dev では動くのですが、npm run build した際に以下のようなエラーが発生して進めません。解決策をご教授頂けますと幸いです。
error during build:
[vite:vue] [plugin vite:vue] resources/js/Pages/Welcome.vue: At ...
0
票
1
回答
188
閲覧数
laravel,vue3の画像アップロードが上手くいかない
laravel,vue3,inertiaのCRUD処理を実装させたいです。
特に現段階ではEdit.vueで編集した投稿内容をformのsubmit処理した際、formデータをlaravelにPUTメソッドで渡したいと思っています。エラー内容として、ルート先の処理に引数の'post'が上手く渡っていないことによるziggy errorが発生しています。この解決法についてお教え頂けると幸いです。
...
0
票
1
回答
205
閲覧数
Vue3 + Typescript v-forでの'unknown'型を解決したい
<ul class="tabs">
<li v-for="something in somethingList" :key="something.id" @click="change(something.id,something.text)" :class="{ 'isActive':...
1
票
0
回答
84
閲覧数
Nuxt+Expressで取得した画像ファイルの表示ができない
NuxtでサーバからAPI経由で取得した画像ファイルの表示をさせようとしているのですが、何も表示されず。
しかし、開発環境で実行している最中にvueファイルを更新したタイミングなどで、画像が表示されます。
そこでリロードするとまた表示されない状態にはなってしまうという。
レスポンスを見るとデータは取得できているようなのですが、バインディングしている先に表示させるための方法が良くないのでしょうか。
...
0
票
1
回答
163
閲覧数
Nuxt3+microcms+netlifyで作成したWEBサイト、ローカル環境でHydration children mismatchが出る原因を解明したい
現在以下の環境でWEBサイトを制作しています。
node.js v18.19.0
npm 10.2.3
[email protected]
microcms
netlify
しかし特定のコード部分でHydration children mismatchが発生。
サーバーとクライアントで出力するDOMのズレが原因とのことで見比べてみたのですが、DOMズレはなし。
他に原因となる要因はあるのでしょうか。
...
0
票
1
回答
1,101
閲覧数
フロントエンド(Vue.js等)でのログイン管理はどのように行えばよいか
フロントエンドにVueを使って開発をしています。
バックエンドはLaravelで、apiで連携しています。
フロントエンド側のログイン管理はどのようにするのが良いのでしょうか?
・画面遷移のたびに、ログインチェック用のapiを呼び出すのでしょうか。
・状態管理ライブラリなどでログイン状態を管理しているのでしょうか。
(その場合、どのようにログインしていないと判定していますか。...
0
票
1
回答
164
閲覧数
nuxt2 と nuxt3 の対応関係について
nuxt2で開発しているプロジェクトをnuxt3に移行したいと思っています。
nuxt2の下記のような実装は、nuxt3ではどのような実装に対応するのでしょうか?
<script setup lang="ts"> や vue3 の composition API を導入した形式で実装したいと考えています。
pagex/index.vue
<script ...
0
票
0
回答
75
閲覧数
環境構築後、特定のアドレスへアクセスした場合にエラーが出てしまう
以下のリポジトリですが、自分が環境構築した際はエラーは出なかったのですが、他の方にして頂いた際に、エラーが出てしまいました。
https://github.com/newyee/nuxt-site
エラー内容は以下になります
Cannot find module './src/algoliasearch.helper'
こちらはローカル環境実行後、 localhost:3000/ja/...
0
票
1
回答
269
閲覧数
Vue.jsで{{○しろまる○しろまる}}がそのまま出力されてしまう
Vue.jsの学習を始めた超初心者です。
参考書を片手に理解しようとしているのですが、
参考書に掲載されているソースコードを書いても正しい出力結果が表示されません。
具体的には
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="...
0
票
0
回答
1,318
閲覧数
vue.js3 typescript で エラー[computedプロパティの型がComputedOptionsと一致していない]の適切な対処方法が知りたい
質問内容
提示のソースコードですが以下のコンソールログのエラー出ますこれなどうやって対処するのが適切なのでしょうか?
ChatGPTで原因は理解したのですが対処方法がわかりません。
知りたいこと
エラー部の原因を対処するための適切な対処方法が知りたい
利用ライブラリ
vue.js3
実行したコマンド
vue create project //でプロジェクトを作成
npm run build //...
user avatar
user55177
1
票
1
回答
57
閲覧数
nux3でcomposableの値を取得したい
components/Heading1.vueはレイアウトに組み込まれています。
pages/page.vueからcomposable/useOperation.vueを経由してcomponents/Heading1.vueのタイトルの値を変更したいのですがタイトル初期値のまま変わりません。
pages/page.vueからh1Textを呼び出すと表示したいタイトルが取得できます。
...
0
票
1
回答
118
閲覧数
vue.jsを用いて配列に追加で入れた値を描画する方法が知りたい。
質問内容
入力欄に表示したい文字を入力してsubmitボタンを押すとscript.jsの変数lists配列にその値が挿入されるのですがその文字を表示させたいのですが.push()を使っても画面が更新されません。
提示コードの内容
入力欄とボタンと配列の中身を出力するプログラムです。
知りたいこと
script.jsのlists変数の値を再表示する方法が知りたい
実現したいこと
...
user avatar
user55177