baseタグによるURL書き換えが反映されない

xamppにて構築したローカル環境でテストをしています。
ローカル環境のため、下記のようなURLで運用しています。

本番では下記のURL運用になります。

もともとexample.comで使われていたファイルをローカルにダウンロードして、
デザイン関連の手直しをしています。

しかしながら、href="/img/.." のようなルートから指定されている大量にあり、
追加読み込みファイルも多いため、baseタグで対応しようと試みました。

※htmlファイルをphpファイルとして読み込み、多数includeされています

[.htaccess]
AddType application/x-httpd-php .htm .html

headタグ内にbaseタグを追加して、

<base href="https://localhost/examle.com/" />

リンクの動作をテスト

<a href="/about/">このサイトについて</a>
↓
移動先として期待するするものは
https://localhost/example.com/about/

しかし、ここに移動してしまう
https://localhost/about/

baseタグの書き方でルート以降を書く書き方もあったので試してみました

<base href="/examle.com/" />

しかし、結果は変わりません

baseタグの指定が間違っているのか、xamppになにか別の設定が必要なのか、
それ以外に原因が有るのか、ご指摘いただけると嬉しいです。

よろしくおねがいします。

otn

2020/08/13 08:52

> headerタグ内にbaseタグを追加して、 headerタグ内じゃなくてheadタグ内ですが、そこは大丈夫でしょうか？質問書くときのタイプミス？

退会済みユーザー

2020/08/13 09:48

タイプミスです。headタグでした。修正します。

退会済みユーザー

2020/08/14 02:16 編集

base要素によるURL指定は、通常現在のURLからの相対URL指定になるリンク先を、指定したURLからの相対URL指定に変換するものです(最近使われてるの見たことないですけど。。。)。今回は、相対URLとは言えURLのパス部分がルートからになっているので、いくらbase要素で基底URLを変えても、変えられるのはschemeとauthority部分(俗に言う、プロトコルとホスト名部分)までになります。回避策は、両方に画像を置くか、シンボリックリンクか、Apacheの設定辺りでいけるのではないかと思います。

退会済みユーザー

2020/08/15 06:23

あ、たしかにそうです。相対アドレスに対してbaseタグは影響しますねスラッシュから始めるURLは、そのドメインのルートからになるので正常な動作ですね

行動規範の内容に同意します

回答2件

ベストアンサー

baseタグは「相対パス」を影響（基準を変更）するもので「絶対パス」は対象外でした。

例に書いたような　href="/img/.."　も「絶対パス」の扱いのため、
影響を受けないというのは正常な動作でした。

ローカルで階層が異なるサイトを再現するのは難しそうです。
別な方法を検討したいと思います。

投稿2020/08/16 03:54

退会済みユーザー

総合スコア0

これはどうでしょうか。

bootstrap.php

php
1<?php
2    define('BASE_URL', 'http://example.com');

index.php

php
1<?php
2    include('bootstrap.php');
3?>
4<!DOCTYPE html>
5<html>
6  <head>
7    <!-- // -->
8    <link rel="stylesheet" href="<?php echo BASE_URL; ?>/css/styles.css" />
9  </head>
10  <body>
11    <!-- // -->
12  </body>
13</html>