はどのように、サーブウェブ

Question

私は初心者F＃プログラミングで

をCSSを使用すると、今私は、私は私が使用できない問題を抱えているthis link

から続くF＃とサーブでウェブを作ってみます私のプロジェクトでは、CSS（画像を参照）

id="box" wasn't show on browser

ファイルView.fs

let index container = 
html [] [ 
    head [] [ 
     title [] "Suave Music Store" 
     cssLink "/Site.css" 
    ] 

    body [] [ 
     div ["id", "header"] [ 
      tag "h1" [] [ 
       a Path.home [] [Text "F# Suave Music Store"] 
      ] 
     ] 

     div ["id", "main"] [ 
      div ["id", "box"] [ 
       a Path.Store.browse [] [Text "Test Link"] 
       tag "h1" [] [ 
        a "http://www.google.com" [] [Text "Google"] 
       ] 
      ] 
     ] 
     div ["id", "footer"] [ 
      Text "built with " 
      a "http://fsharp.org" [] [Text "F#"] 
      Text " and " 
      a "http://suave.io" [] [Text "Suave.IO"] 
     ] 
    ] 
] 
|> htmlToString 

ファイルSite.css

#box 
{ 
    border:4px solid #000; 
} 

で

と#box私はそれを修正することができますか？

Answer 1

これはキャッシングの問題です。CSSファイルを変更していて、ブラウザが古いバージョンをキャッシュすると、サーバー上の最近の変更が表示されないことがあります。

おそらくキャッシュを避けるようにブラウザを設定できます。また、あなたは（開発およびデバッグ時に）キャッシュを無効にHTTPヘッダを送信するようにサーバーを変更することができます。https://theimowski.gitbooks.io/suave-music-store/content/の下部にある

let noCache = 
    Writers.setHeader "Cache-Control" "no-cache, no-store, must-revalidate" 
    >>= Writers.setHeader "Pragma" "no-cache" 
    >>= Writers.setHeader "Expires" "0" 

// And then in your main handler add 'noCache' 
pathRegex "(.*)\.(css|png)" >=> noCache >=> Files.browseHome