css 在我的 web2py 应用程序中不起作用

Question

我正在构建一个 web2py 应用程序。

我使用自己的 css 文件 style.css

我知道下面的代码

{{response.files.append(URL('static','css/base.css'))}}
{{include 'web2py_ajax.html'}}

将 link 我的 css 文件提交到我的应用程序。

我用这个 layout.html；用于应用程序的每一页。

最初，我对此没有问题...

突然间，我的css没有更新...

点之前的每个 css，工作正常。每css点之后，根本不工作

在 web2py 编辑器中，所有 css 更改都会更新。但是，如果运行它，css 不会更新...如果我使用 chrome 检查 css 代码，css 不会更新并且保留到之前的 css 文件..

为了说明，我举个例子

最初我只有以下内容。

#title{
       font-size: 90px; 
}

那我改成下面这样

#title{
      font-size:100px;
}

在 web2py 编辑器中，保存更改并将其设置为 100px。但是，如果我运行应用程序并使用 chrome 检查查看 css 文件，它仍然保持为 90px。

我以为服务器可能出了什么问题，所以我重新启动了。我仍然遇到错误。

我能想到的另一件事是 bootstrap..

以下是layout.html

的开头部分

<head>
<title>NR</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
    {{response.files.append(URL('static','css/bootstrap.min.css'))}}
    {{response.files.append(URL('static','css/style.css'))}}
    {{include 'web2py_ajax.html'}}

</head>

其实我有办法... 如果我用不同的名称创建 css 文件，然后复制并粘贴所有 css 的作品，它就可以了！！但是，这需要额外的工作...创建新的 css 文件并复制和粘贴...。这不是好方法。

你能帮帮我吗？

谢谢

Answer 1

也许您的 Web 服务器已配置为设置 HTTP 响应 headers，因此资源将由浏览器缓存（在这种情况下，它们不会在每次请求时都 re-sent）。如果这只是一个开发问题，您可以简单地强制您的浏览器重新加载所有资产（例如，通过按 CTRL-F5）。

有关更通用的解决方案，请参阅有关 static asset management 的文档。

另一种选择是让 web2py 本身提供静态内容，在这种情况下，每个页面的资产将是 re-requested，如果资产自那以后没有更改，web2py 将 return 304 响应上次发送。

css 在我的 web2py 应用程序中不起作用

css is not working in my web2py application

css

web2py