Question

所以我在不同的文件夹中有一个基本的html文件和css文件。主文件夹“code”有两个文件夹：“templates”和“css”。

home.html位于“templates”文件夹中，main.css位于“css”文件夹中。

<link rel="stylesheet" type="text/css" href="../css/main.css" />

我使用了这个链接并且它在本地工作正常但是当我连接到localhost端口时，css文件根本没有被读取。知道为什么吗？

我可能还应该补充一点，我正在使用谷歌应用引擎并部署网站。这是简短的python代码：

import bottle
from bottle import route
from string import Template
from google.appengine.ext.webapp import util
bottle.app().catchall=False

@route('/')
def readpage():
    fid = open('templates/home.html')
    return fid

util.run_wsgi_app(bottle.default_app())

app.yaml处理程序：

handlers:
- url: .*
  script: main.py

- url: /css
  static_dir: css

- url: /media
  static_dir: media

FIXED：必须将其添加到yaml文件中：

- url: /css/main.css
  static_files: css/main.css
  upload: css/main.css

感谢大家的帮助。

Answer 1

我建议你尝试使用绝对路径。如果虚拟主机的根或其他内容是包含templates和css的根，那么您应该只使用/css/main.css。

这将在查看http://localhost/templates/home.html时解决问题，但可能不适用于某些WYSIWYG编辑器或访问Web服务器外部的文件。尝试找出哪种开发环境更适合您，以便避免这些问题。

CSS文件没有链接

1 个答案: