質問編集履歴
6
追記を追加
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -67,3 +67,15 @@
|
|
|
67
67
|
こうすることでwww.hoge.comでアクセスするとお名前ドットコムのネームサーバーがHerokuのネームサーバーに名前解決を任せるので、結果www.hoge.comのurlでサイトにアクセスできるものだと考えています。
|
|
68
68
|
|
|
69
69
|
ですが、サイトの挙動をみるにここの設定が怪しそうなので、もしここの解釈が間違っていたらご指摘ください。
|
|
70
|
+
|
|
71
|
+
### 追記
|
|
72
|
+
|
|
73
|
+
直っちゃいました。。。
|
|
74
|
+
|
|
75
|
+
Chrome、Edge、Safariのすべてで正常な動作を確認できました。キャッシュが消えた？いや、そもそもChromeではjavascript自体読み込まれていなかったわけで...。
|
|
76
|
+
|
|
77
|
+
とにかく理由はわかりませんが、時間経過で直りました。
|
|
78
|
+
|
|
79
|
+
この現象について納得できる回答があればベストアンサーとさせていただきます。
|
|
80
|
+
|
|
81
|
+
自己解決で時間解決と書くと同じ悩みを抱えた人が腑に落ちないと思うので。
|
5
試したことの追記
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -43,3 +43,27 @@
|
|
|
43
43
|
どちらのブラウザでも読み込まれないならjavascriptのバージョンが原因か、などの想像もつくのですがEdgeでは動いている以上、原因の検討がつきません。EdgeではVueは読み込めているのにVueコンポーネントに書き込んだconsole.logが動かないのは何故なんでしょうか...
|
|
44
44
|
|
|
45
45
|
ローカル環境ではきちんとhogeが二回表示されています。
|
|
46
|
+
|
|
47
|
+
|
|
48
|
+
|
|
49
|
+
|
|
50
|
+
|
|
51
|
+
・console.logを書き込んだ状態で~.herokuapp.comのドメインでアクセスするとChrome、Edgeの両方でhogeが表示されていました。また、どちらのブラウザもaxiosのエラーログが出力されます。
|
|
52
|
+
|
|
53
|
+
↓
|
|
54
|
+
|
|
55
|
+
DNSの設定が間違っているのかと考えたので、独自ドメインを設定した方法を書いておきます。
|
|
56
|
+
|
|
57
|
+
```ここに言語を入力
|
|
58
|
+
|
|
59
|
+
お名前.comでhoge.comを取得したものとします
|
|
60
|
+
|
|
61
|
+
1.HerokuのAdd domainでwww.hoge.comを追加。(HerokuのプランはFreeです)
|
|
62
|
+
|
|
63
|
+
2.お名前.comのDNSレコードのCNAMEにwww.hoge.com、値には1で表示されたDNSTargetを設定。
|
|
64
|
+
|
|
65
|
+
```
|
|
66
|
+
|
|
67
|
+
こうすることでwww.hoge.comでアクセスするとお名前ドットコムのネームサーバーがHerokuのネームサーバーに名前解決を任せるので、結果www.hoge.comのurlでサイトにアクセスできるものだと考えています。
|
|
68
|
+
|
|
69
|
+
ですが、サイトの挙動をみるにここの設定が怪しそうなので、もしここの解釈が間違っていたらご指摘ください。
|
4
試したことの追記
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -28,4 +28,18 @@
|
|
|
28
28
|
|
|
29
29
|
|
|
30
30
|
|
|
31
|
+
|
|
32
|
+
|
|
31
33
|
・アプリにはbootstrap4も使っているのですが、dropdown-menuがChrome上で作動しないことが確認できました。Edgeでは動作確認できます。
|
|
34
|
+
|
|
35
|
+
↓
|
|
36
|
+
|
|
37
|
+
JavaScriptが読み込まれていないのではないかと考え、public/jsにconsole.log('hoge')と書いたプログラムを作り、これをscriptタグで読み込ませるとChromeのコンソールだけでなくEdgeのコンソールでも何も表示されませんでした。
|
|
38
|
+
|
|
39
|
+
Chromeで読み込まれないのはわかりますが、Edgeで読み込まれていないのは理解できなかったので、念のためVueコンポーネントのcreatedフックにconsole.log('hoge')を書き込み、npm run prodを打ち、heroku上にプッシュしました。
|
|
40
|
+
|
|
41
|
+
その後、再度Chrome、Edgeでサイトを確認すると、どちらもコンソールに何も表示されていませんでした。
|
|
42
|
+
|
|
43
|
+
どちらのブラウザでも読み込まれないならjavascriptのバージョンが原因か、などの想像もつくのですがEdgeでは動いている以上、原因の検討がつきません。EdgeではVueは読み込めているのにVueコンポーネントに書き込んだconsole.logが動かないのは何故なんでしょうか...
|
|
44
|
+
|
|
45
|
+
ローカル環境ではきちんとhogeが二回表示されています。
|
3
情報の追記
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -24,4 +24,8 @@
|
|
|
24
24
|
|
|
25
25
|
### 試したこと
|
|
26
26
|
|
|
27
|
-
Chromeのコンソールを独自ドメインの方で確認しましたが、何も表示されていませんでした。Herokuのドメインでは上記のエラーが出力されます。
|
|
27
|
+
・Chromeのコンソールを独自ドメインの方で確認しましたが、何も表示されていませんでした。Herokuのドメインでは上記のエラーが出力されます。
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
・アプリにはbootstrap4も使っているのですが、dropdown-menuがChrome上で作動しないことが確認できました。Edgeでは動作確認できます。
|
2
追加情報
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -19,3 +19,9 @@
|
|
|
19
19
|
|
|
20
20
|
|
|
21
21
|
Chrome上でも同じように動作させたいのですが、どのような修正を行えばいいでしょうか？
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
### 試したこと
|
|
26
|
+
|
|
27
|
+
Chromeのコンソールを独自ドメインの方で確認しましたが、何も表示されていませんでした。Herokuのドメインでは上記のエラーが出力されます。
|
1
書式の改善
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
Herokuには取得したドメインを設定していたので、Herokuのドメインの方である~.herokuapp.comの方へアクセスす
|
|
5
|
+
Herokuには取得したドメインを設定していたので、Herokuのドメインの方である~.herokuapp.comの方へアクセスしたのですが、こちらはVueのコンポーネントは読み込まれますが、axiosを使ってデータを入手するところでコンソールに
|
|
6
6
|
|
|
7
7
|
```ここに言語を入力
|
|
8
8
|
|