ローカルテストサーバーと本番サーバーにおける、相対パス表記のズレについて。

Question

初歩的な質問かもしれませんが、よろしくお願いします。

現在、webサイトを制作中で、ローカルでテストできるように、自分のPCにXAMPPをインストールしました。

本番サイトのトップページURLが、http://example.comであるとすると、このページは
ローカルテスト上では、http://localhost/example.comとブラウザには表示されます。

つまり、あたまに「localhost/」が付く分だけ、本番サイトとは、１階層のズレが生じます。

このhttp://example.comのトップページで、http://example.com/about.html　でアクセスできるページへのリンクを貼る場合、
「http://example.com/about.html」という絶対パスでリンクを貼ると、ローカルから本番へと飛んでしまうことになります。

なので、リンクを貼る場合、絶対パスではなく相対パスで貼る必要があると感じているのですが、
その書き方がよく分からないのです。

http://example.com/about.html というページのトップページからの相対パスは、

本番サイト上では、「./about.html」と表記でき、
（http://example.com/about.html　だから１階層下）

ローカルテスト上では、「././about.html」と表記することになるので、
（http://localhost/example.com/about.html　だから２階層下）

テスト後、本番にアップする際にいちいちパスを修正しなければならなくなり、これだと不便です。

テストしてOKだったHTMLを修正せずに、そのまま本番のサーバーへとアップする方法がありましたら、教えて下さい。

・PCのOS：winXPsp2
・dreamweaver CS3(win)
・phpファイルもアップすることがあります。

noname#78739 · Accepted Answer

Apacheでバーチャルホストを設定すればいいんじゃない？
そうすれば、下のように分けられます。

http://example.com/about.html
http://example.net/about.html
http://example.info/about.html
　↓
http://www1.localhost/about.html
http://www2.localhost/about.html
http://www3.localhost/about.html

zxcv0000 · Answer

# 私は XAMPP を知らないので、考え方だけ。

「./」の意味を誤解されている様で、それが話がこんがらがる原因かと思いますが、それは説明の中で。

ローカルでテストOKのファイルを無修正で本番サーバーにアップして良い様にするにはいくつも方法があります。

1 正しい相対URLを使う
"./foo.html" と "foo.html" は等価です。 "././foo.html" も等価です。 だから、ローカルで "./foo.html" と書いてうまくいく場合、そのまま本番サーバーにアップしてもうまく行くはずです。

http://localhost/example.com/dir1/foo.html​ から http://localhost/example.com/dir2/bar.html​ にリンクする場合は、 "../dir2/bar.html" という相対URLを書きましょう。 "../dir2/bar.html" は、​http://example.com/dir1/foo.html​ から http://example.com/dir2/bar.html​ への相対URLとしても正しいのでそのままアップ可能です。

2 ローカル環境を変える
​http://example.com​/ と ​http://localhost/example.com が対応付けされてしまうのは、あなた自身がローカルにWebサーバーをインストール/セットアップする際に選択した結果では無いでしょうか？ http://localhost/ に対応する様に変更できないでしょうか？ そうすれば、前項1 の相対URLの方法に加えて "/dir1/foo.html" の様な「ホスト名を省略した絶対パス」を書く事ができる様になります。 ただし、他の本番サーバーのためのテストにも対応したいなら上級者向けの設定が必要になります。

3 場合によっては環境変数とかで細工できますが、これも上級者向けです。


質問中にURLの例が書かれていたので、回答も書きやすかったです。 ありがとうございます。

ORUKA1951 · Answer

windowsのhostsに

127.0.0.1 localhost exsample.local
　　　　　　　　　　　 ^^^^^^^^^^^^^^あなたのドメイン名に.localでもつけて
C:\WINDOWS\system32\drivers\etcに保存する。
　(hostsのサンプルはC:\WINDOWS\system32\drivers\etcにあるhosts.sam)

httpd.confのVIRTUALHOSTの項目を追加する。
<VIRTUALHOST 127.0.0.1>
DocumentRoot "/home/exsample.com"
ServerName exsample.local
ServerAdmin webmaster@exsample.com
AddHandler server-parsed .shtml
Options +IncludesNoExec
ErrorLog logs/exsample_error_log
CustomLog logs/exsample-access_log common
</VIRTUALHOST>

　こんなところかな・・・

私は、複数のローカルサーバーをVIRTUALHOSTでテストするので、こういう形、なお、hostsには９つまで追記できますが、それを越す場合は行を変えて
127.0.0.1 abc.com
等と続ければよい

私はCygwinをインストールした別ドライブ上に、apacheやperl,phpをUNIXサーバーの標準的な配置でインストールしている。

noname#98692 · Answer

ドメインを取得されているか、サブドメインによるサービスを利用されているなら、(言い換えると、 http://example.com/~yourname/ という形式でないのなら)

全ての URL を / から始まるものに書き換えるのが手っ取り早いです。

/about.html
/help/index.html

としておけば、

http://localhost/about.html
http://localhost/help/index.html
にも
http://example.com/about.html
http://example.com/help/index.html
にもなります。

どうしても、http://localhost/example.com/ にしないといけない、もしくは変更の仕方がわからないのであれば、Apache のドキュメントルートの設定に問題があると思います。(XAMPP のデフォルトの設定がどうなっているかは、知りませんが、中身は Apache なので)

質問の意図を取り違えていたらすみません。

ローカルテストサーバーと本番サーバーにおける、相対パス表記のズレについて。

Apacheでバーチャルホストを設定すればいいんじゃない？

この回答への補足

# 私は XAMPP を知らないので、考え方だけ。

この回答への補足

windowsのhostsに

この回答への補足

ドメインを取得されているか、サブドメインによるサービスを利用されているなら、(言い換えると、

この回答への補足

似たような質問が見つかりました

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング