2016-10-17 1 views
0

私は、ユーザーがログインするとプロフィールページに誘導されるウェブアプリを持っています。フロントエンドを構築している間、私はログインフォームとプロファイルを別々のフォルダに個別のCSSとJSファイルで作成しました。これで、サーバーにアップロードするときに、プロファイルページはCSSファイルとJSファイルにアクセスできなくなりました。これは、ファイルをサーバーにアップロードした後どのように見えるかです:public_html内の2つのインデックスファイル

enter image description here

PICでインデックスファイルは、ログインページのインデックスです。プロファイルページのすべてのCSSファイルとJSファイルを含むプロファイルフォルダがあります。そのインデックスファイルは私が外に出したもので、profileindex.phpという名前です。 profileindex.phpのすべてのパスは次のようになります -

<link href="public_html/profile/css/style.css" type="text/css" rel="stylesheet" media="all"> 

認証ページからロケーションタグはprofileindex.phpを指している:

header('location: profileindex.php'); 

私がすることができませんよう助けてください期待どおりにプロファイルページのCSSとJSにアクセスします。ログイン後、プロファイルページはHTMLコンポーネントでしか見ることができません。

+0

からのpublic_html /を削除 – Blinkydamo

+0

入力していただきありがとうございます。 Isntは働いています。 –

+0

ブラウザからwww.yourdomain/profile/css/style.cssにアクセスしてみてください。 – ALOK

答えて

0

リンクが正しくありません。

私はprofileindex.phpがこのフォルダに既にあるとして、あなたがパスからpublic_htmlを削除するべきだと思い

<link href="profile/css/style.css" type="text/css" rel="stylesheet" media="all"> 
+0

入力いただきありがとうございます。上記のリンクを試してみました。 Isntは働いています。 –

+0

'/'を 'profile'の前に削除しましたか?あなたも 'CTRL + F5'を実行してブラウザキャッシュをリフレッシュしましたか? – RiggsFolly

+0

@DavidJorHpanこれはオフにすることができるので、答えに短いタグを使って少し危険です – RiggsFolly

0

相対パスを使用するので、同じようpublic_htmlを削除します。

<link href="profile/css/style.css" type="text/css" rel="stylesheet" media="all"> 
+0

入力していただきありがとうございます。既にリンクしています。 Isntは働いています。 –

0
<link href="public_html/profile/css/style.css" type="text/css" rel="stylesheet" media="all"> 

この行は、あなたの現在のフォルダ/ public_htmlの/プロフィール/ CSS/style.cssに内部のstyle.cssファイルを探します。

実際のコードは次のようになります -

<link href="profile/css/style.css" type="text/css" rel="stylesheet" media="all"> 

これは、現在のフォルダ/プロフィール/ CSS/style.cssにより検索します。 `public_htmlの/`このから `<リンクのhref = "public_htmlの/プロファイル/ CSS/style.cssに" タイプを削除この

<link href="public_html/profile/css/style.css" type="text/css" rel="stylesheet" media="all"> 
+0

恐ろしくパーティーに遅れました。他の2人と同じ答えでした。 – RiggsFolly

+0

重要なのは解答ではなく、他の人がそれを取得しなければ説明は無駄です。 – ALOK

0

here絶対パスと相対パスについてをお読みください。 = "text/css" rel = "stylesheet" media = "all"> `
関連する問題