質問編集履歴

4

追加で行った検証結果を追加いたしました。

2022/03/28 09:56

投稿

Snpy
Snpy

スコア139

test CHANGED
File without changes
test CHANGED
@@ -47,3 +47,23 @@
47
47
  不明点が多いです。
48
48
 
49
49
  お手数をおかけしますが、改善策や解決案をご教示いただけますと幸いです。
50
+
51
+ ### 追加で行った検証について
52
+ ---
53
+ 改めて以下の内容で検証したところ、一定の条件下でエラーが出る結果となりました。
54
+
55
+
56
+ **■前提**
57
+ ・各サーバー内にある「index.php」「hoge.js」の中身は全く同じ
58
+ ・index.phpの中には<head>などの必要最低限のHTMLとjsを読み込む<script>しか書き込んでいない
59
+ ・hoge.jsの中にはconsole.log(‘読み込み成功’);というプログラムのみ記述
60
+ ・検証したブラウザはいずれも最新バージョン
61
+
62
+ **■結果**
63
+ ・Safariでエックスサーバーからjsを読み込む場合のみエラー(エラー内容は前述通り)
64
+ ・Chromeではいずれの場合も読み込み成功
65
+ ・さくらサーバーからjsを読み込む場合はいずれのブラウザでも読み込み成功
66
+ ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-03-28/47d11609-d36e-4205-9180-85bbf1bb999e.png)
67
+
68
+
69
+ ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-03-28/14c8941c-207b-4420-82c8-5a372efb7512.png)

3

図解が一部適切ではなかったため修正いたしました。

2022/03/28 08:54

投稿

Snpy
Snpy

スコア139

test CHANGED
File without changes
test CHANGED
@@ -23,7 +23,7 @@
23
23
  ```
24
24
  上記以外にも、類似の解決策としてネットで調べてヒットする情報に記載の記述は一通り試してみましたが、いずれも上手くいっていません。
25
25
 
26
- ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-03-28/380d0665-3cd0-4856-88fb-c6e6518c3339.png)
26
+ ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-03-28/d8d8e421-31fa-4dfa-8d66-70392d734c86.png)
27
27
 
28
28
  「サーバーA」のjsコードを読み込もうとしている外部サイトでは以下のようなエラーが出ています。
29
29
  ```ここに言語を入力

2

現在の状態を画像にまとめて追記いたしました。

2022/03/28 06:39

投稿

Snpy
Snpy

スコア139

test CHANGED
File without changes
test CHANGED
@@ -23,6 +23,8 @@
23
23
  ```
24
24
  上記以外にも、類似の解決策としてネットで調べてヒットする情報に記載の記述は一通り試してみましたが、いずれも上手くいっていません。
25
25
 
26
+ ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-03-28/380d0665-3cd0-4856-88fb-c6e6518c3339.png)
27
+
26
28
  「サーバーA」のjsコードを読み込もうとしている外部サイトでは以下のようなエラーが出ています。
27
29
  ```ここに言語を入力
28
30
  Blocked https://hoge.com/hoge.js from asking for credentials because it is a cross-origin request.

1

外部サーバーからどのようにjsコードを読み込んでいるかを追記しました。

2022/03/27 07:42

投稿

Snpy
Snpy

スコア139

test CHANGED
File without changes
test CHANGED
@@ -5,6 +5,13 @@
5
5
  ### 意図
6
6
  いわゆるjsのライブラリやプラグインのように、自身のサーバーにアップしているjsコードを不特定多数のユーザー(サーバー)が読み込み使用できるようにしたいです。
7
7
 
8
+
9
+ ### 外部サーバーからの読み込み
10
+ 現時点では以下のように読み込みを行っています。
11
+ ```ここに言語を入力
12
+ <script src="https://hoge.com/hoge.js"></script>
13
+ ```
14
+ ※</body>の直前で読み込みをしています。
8
15
 
9
16
  ### 現状の問題
10
17
  CORSを設定するため、複数の情報を参考に「サーバーA」のルート直下の`.htaccess`に以下を記述しました。