回答編集履歴
1
ソースコードにファイル名を追記しました。
test
CHANGED
|
@@ -8,7 +8,9 @@
|
|
|
8
8
|
|
|
9
9
|
拡張したプラグイン（今回のケースではaxios）を作成する。
|
|
10
10
|
|
|
11
|
+
```vue
|
|
12
|
+
|
|
11
|
-
|
|
13
|
+
// ~/plugins/api.ts
|
|
12
14
|
|
|
13
15
|
import { NuxtConfig } from '@nuxt/types';
|
|
14
16
|
|
|
@@ -48,7 +50,9 @@
|
|
|
48
50
|
|
|
49
51
|
で、それを有効にする。
|
|
50
52
|
|
|
53
|
+
```vue
|
|
54
|
+
|
|
51
|
-
|
|
55
|
+
// nuxt.config.ts
|
|
52
56
|
|
|
53
57
|
plugins: ['~/plugins/api'],
|
|
54
58
|
|
|
@@ -58,7 +62,7 @@
|
|
|
58
62
|
|
|
59
63
|
すると`$api`というのが使えるようになり、asyncDataとmethods、其々以下のように置き換えることが出来き、冗長が解消されました。
|
|
60
64
|
|
|
61
|
-
```
|
|
65
|
+
```vue
|
|
62
66
|
|
|
63
67
|
async asyncData ({ app }) {
|
|
64
68
|
|