質問編集履歴
3
エントリーポイントのコードを追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -10,4 +10,19 @@
|
|
|
10
10
|
初心者エンジニアで、初めによくわかってない状態からスタートしてしまい、想像以上に初回ローディングに時間がかかってしまいSPAにしたことを少し後悔しています...
|
|
11
11
|
その後nuxt.jsというものを知り、SSRという手段をしりましたが、現在(2021年7月2日時点)ではvue3に対応しておらず、私が作成しているシステムはvue3とvuex4を使用しており、移行のコストが高すぎて、なんとか現在のSPAにローディング画面を表示してしのぎ、nuxt3が使えるようになった時点での移行を考えております。
|
|
12
12
|
|
|
13
|
-
なにとぞよろしくお願い致します。
|
|
13
|
+
なにとぞよろしくお願い致します。
|
|
14
|
+
|
|
15
|
+
※バンドルしたjsを読み込んでいるHTML
|
|
16
|
+
```HTML
|
|
17
|
+
<!DOCTYPE html>
|
|
18
|
+
<html lang="ja">
|
|
19
|
+
<head>
|
|
20
|
+
<meta charset="UTF-8">
|
|
21
|
+
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
|
|
22
|
+
</head>
|
|
23
|
+
<body>
|
|
24
|
+
<div id="app"></div>
|
|
25
|
+
<script src="bundle.js"></script>
|
|
26
|
+
</body>
|
|
27
|
+
</html>
|
|
28
|
+
```
|
2
Markdownの初期のテンプレートをそのまま使用していたが、マークダウンのタイトルが内容にふさわしくなかった為修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
俗にいうSPAアプリケーションなのですが、どうしても最初のローディング時に時間がかかってしまうため、初回ローディング時にローディング画面を表示させたいのですが、そういったことは可能でしょうか？
|
|
4
4
|
※vue-cliは使用しておりません
|
|
5
5
|
|
|
6
|
-
### 発生している問題
|
|
6
|
+
### 発生している問題
|
|
7
7
|
ローディング画面について調べると、初回ローディング後の非同期通信の際などの実装方法が多く、初回ローディング時にローディング画面を表示させる方法を調べることができませんでした。
|
|
8
8
|
そもそも、その様な事が可能なのかもわかっておりません。
|
|
9
9
|
|
1
現在のnuxtjsがvue3に対応していないことを補足
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -8,6 +8,6 @@
|
|
|
8
8
|
そもそも、その様な事が可能なのかもわかっておりません。
|
|
9
9
|
|
|
10
10
|
初心者エンジニアで、初めによくわかってない状態からスタートしてしまい、想像以上に初回ローディングに時間がかかってしまいSPAにしたことを少し後悔しています...
|
|
11
|
-
その後nuxt.jsというものを知り、SSRという手段をしりましたが、現在作成しているシステムはvue3とvuex4を使用しており、移行のコストが高すぎて、なんとか現在のSPAにローディング画面を表示してしのぎ、nuxt3が使えるようになった時点での移行を考えております。
|
|
11
|
+
その後nuxt.jsというものを知り、SSRという手段をしりましたが、現在(2021年7月2日時点)ではvue3に対応しておらず、私が作成しているシステムはvue3とvuex4を使用しており、移行のコストが高すぎて、なんとか現在のSPAにローディング画面を表示してしのぎ、nuxt3が使えるようになった時点での移行を考えております。
|
|
12
12
|
|
|
13
13
|
なにとぞよろしくお願い致します。
|