Go: HTML无法找到CSS文件

huangapple go评论96阅读模式
英文:

Go: HTML cannot find css file

问题

所以我正在使用Golang编写一个Web应用程序。HTML文件引用了一个css文件,如下所示:<link href="/css/index.css"...,但是无法找到这个css文件。

然而,问题在于,我有几个css文件,它们都在同一个文件夹中,而且它们都能正常工作。

如果我创建另一个css文件,并将其命名为index2.css,然后将index.css的内容复制到index2.css中,这样就能正常工作。但是由于某种原因,index.css这个名称就不起作用了!

另外,当我访问链接http://localhost:8080/css/时,会列出所有的css文件。如果我点击其中任何一个,都能正常打开,只有index.css除外;我会得到一个404未找到的错误。

这真的很奇怪,你有什么想法可能是什么问题?

css文件夹中的所有文件:

Go: HTML无法找到CSS文件

找不到index.css:

Go: HTML无法找到CSS文件

<head>
	<title>Title</title>
	<link href="/css/index2.css" rel="stylesheet" type="text/css" media="screen"/>
	<link rel="icon" type="image/png" href="/images/img.png"/>
	<script src="/scripts/jquery.min.js"></script>
	<script src="/scripts/scroll.js"></script>
</head>

当我使用<link href="/css/index2.css" rel="stylesheet"...时,我可以在页面上看到CSS样式。当我链接到<link href="/css/index.css" rel="stylesheet"...时,我就看不到了。

index.css在我的文件夹中存在:

Go: HTML无法找到CSS文件

编辑

现在它可以工作了。我认为这是一个权限问题。我删除了旧的index.css并创建了一个新的,现在它可以正常工作了。谢谢你的帮助。

英文:

So i'm writing a web application in Golang. The html references a css file like so: &lt;link href=&quot;/css/index.css&quot;..., but the css file is never found!.

Here is the bummer though, i have a couple of css files and they are all in the same folder, and they all work!.

If i create another css file and name it index2.css and copy the contents of index.css into index2.css, this works perfectly, but for some reason, the name index.css does not work!

Also, when i go to the link http://localhost:8080/css/ this list all my css files. If i click on any of them, it opens up perfectly except index.css; i get a 404 not found.

This is really strange, any idea what could be the problem?

All files in css folder:

Go: HTML无法找到CSS文件

index.css not found:

Go: HTML无法找到CSS文件

&lt;head&gt;
	&lt;title&gt;Title&lt;/title&gt;
	&lt;link href=&quot;/css/index2.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; media=&quot;screen&quot;/&gt;
	&lt;link rel=&quot;icon&quot; type=&quot;image/png&quot; href=&quot;/images/img.png&quot;/&gt;
	&lt;script src=&quot;/scripts/jquery.min.js&quot;&gt;&lt;/script&gt;
	&lt;script src=&quot;/scripts/scroll.js&quot;&gt;&lt;/script&gt;
&lt;/head&gt;

When i like to &lt;link href=&quot;/css/index2.css&quot; rel=&quot;stylesheet&quot;... i can see the css style on my page. When i link to &lt;link href=&quot;/css/index.css&quot; rel=&quot;stylesheet&quot;... i can't.

index.css exists in my folder:

Go: HTML无法找到CSS文件

EDIT

It works now. I think it was a permission issue. I deleted the old index.css and created a new one and it works now. Thanks for the help.

答案1

得分: 1

你是否在服务器端脚本中将css文件夹标记为静态文件夹?尝试从你的Go Web服务器运行以下代码,看看是否可以访问这些css文件。

package main

import (
    "net/http"
)

func main() {
    http.Handle("/", http.FileServer(http.Dir("./web/content/css")))
    http.ListenAndServe(":8080", nil)
}

我不确定我是否正确理解了你的文件夹结构,你可能需要修改"./web/content/css"这部分。

英文:

Did you mark the css folder as static in your server side script? Try running this code from your go web server and see if you could access those css files.

package main

import (
    &quot;net/http&quot;
)

func main() {
    http.Handle(&quot;/&quot;, http.FileServer(http.Dir(&quot;./web/content/css&quot;)))
    http.ListenAndServe(&quot;:8080&quot;, nil)
}

I'm not sure if I got your folder structure right, you might have to modify "./web/content/css".

答案2

得分: 0

也许这个问题是由以下原因引起的:

  1. 临时文件问题,请尝试查找 index.css~ 文件。如果使用的是 Ubuntu 操作系统,可以进入 css 文件夹,按下 ctrl+H 键,然后你就能看到是否存在临时文件。

  2. 可能路径不正确。

  3. 可能文件损坏了,请尝试删除并重新创建 index.css 文件。

  4. 提供你的源代码以便调试你的问题。

英文:

May be this problem is because of -

1.Temp file, try to find index.css~ file.If using Ubuntu then go to the css folder and press ctrl+H. then you will see the temp file if it is there.

2.May be path is not correct.

3.May be file got corrupted, try to delete and create new index.css

4.Provide your source code to debug your issue.

huangapple
  • 本文由 发表于 2017年5月2日 13:42:18
  • 转载请务必保留本文链接:https://go.coder-hub.com/43730858.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定