2017-09-08 10 views
1

これ以上頭を痛めます。 私は、nginxを使ってデジタル海洋の液滴に角度1のアプリを配備しました。 ウェブサイトにアクセスできますが、私の資産はhtmlファイルとして読み込まれます。ここで はnginxのAngular1 Nginxリソースはスタイルシートとして解釈されますが、MIMEタイプtext/htmlで転送されます

server { 
    listen 80; 
    listen [::]:80; 

    root /home/me/app; 
    index index.html; 

    server_name example.com; 
    location/{ 
    try_files $uri $uri/ /index.html; 
    } 
} 

アプリケーション構造のための私の設定です:

Project 
    app 
     index.html 
     styles 
      app.css 
     libs 
      angular 
      angular.js 
      jquery 

私はSOノー成功で見つけることができる答えすべてを行っています。 ここに私が試した何かがあります。 <base href="/" />スタイル

  • を使用して

    1. 私はnginxののMIMEタイプのファイルをチェックし、すべてがOKになります。
    2. リンクとスクリプトタグのすべてのtype属性を削除しました
    3. オンラインで見つかった多くのランダムなもの、これまでのところ何もありません。

    更新: ここcurl -v <cssfile> を実行した後

    Connected to example.com (12.23.12.33) port 80 (#0) 
        GET /libs/assets/animate.css/animate.css HTTP/1.1 
        Host: example.com 
        User-Agent: curl/7.47.0 
        Accept: */* 
        HTTP/1.1 200 OK 
        Server: nginx/1.10.3 (Ubuntu) 
        Date: Fri, 08 Sep 2017 08:59:47 GMT 
        Content-Type: text/html 
        Content-Length: 3777 
        Last-Modified: Fri, 08 Sep 2017 07:56:35 GMT 
        Connection: keep-alive 
        ETag: "59b24d33-ec1" 
        Accept-Ranges: bytes 
    

    それは基本的にindex.htmlファイルの内容を返しますが出力され

  • +0

    「include mime.types;」を追加してみてください –

    +0

    私ははっきりしていません。どこでどのようにしてください?あなたのサーバブロックの –

    +0

    は、nginxの設定 –

    答えて

    0

    私はのContentを挿入して、それを修正することができましたサーバーブロックを入力します。

    location ~ \.css { 
        add_header Content-Type text/css; 
    } 
    
    location ~ \.js { 
        add_header Content-Type application/x-javascript; 
    } 
    

    レスポンスには2つのContent-Typeヘッダーが付いていますが、それは今すぐ私のために機能します。

    関連する問題