使用Golang渲染模板时,来自不同文件夹的CSS和图像文件无法被读取。

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

CSS and images from a different folder are not read when rendering template using Golang

问题

我正在尝试使用Golang的html/template模块渲染模板。但是只有与我正在渲染的页面位于同一文件夹中的CSS文件和图像会被执行,位于不同文件夹中的文件会被忽略。以下是我的代码:

func render(w http.ResponseWriter, filename string, data interface{}) {
    tmpl, err := template.ParseFiles(filename)
    if err != nil {
        http.Error(w, err.Error(), http.StatusInternalServerError)
    }
    if err := tmpl.Execute(w, data); err != nil {
        http.Error(w, err.Error(), http.StatusInternalServerError)
    }
}

例如,对于这个页面:

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>Start Connect</title>
    <link href="../css/bootstrap.min.css" rel="stylesheet">
    <link href="one-page.css" rel="stylesheet">
</head>

one-page.css会被执行,但bootstrap不会被执行。

英文:

I am trying to render a template using the html/template module of Golang. But only CSS files and images from the same folder as the page i am rendering are executed, those located in a different folder are ignored. Here is my code:

func render(w http.ResponseWriter, filename string, data interface{}) {
    tmpl, err := template.ParseFiles(filename)
    if err != nil {
      http.Error(w, err.Error(), http.StatusInternalServerError)
    }
    if err := tmpl.Execute(w, data); err != nil {
      http.Error(w, err.Error(), http.StatusInternalServerError)
    }
  }

For this page for example:

&lt;head&gt;
  &lt;meta charset=&quot;utf-8&quot;&gt;
  &lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge&quot;&gt;
  &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot;&gt;
  &lt;meta name=&quot;description&quot; content=&quot;&quot;&gt;
  &lt;meta name=&quot;author&quot; content=&quot;&quot;&gt;
  &lt;title&gt;Start Connect&lt;/title&gt;
  &lt;link href=&quot;../css/bootstrap.min.css&quot; rel=&quot;stylesheet&quot;&gt;
  &lt;link href=&quot;one-page.css&quot; rel=&quot;stylesheet&quot;&gt;
&lt;/head&gt;

The one-page.css is executed but not the bootstrap.

答案1

得分: 2

在Web上使用../css应该避免,很可能是你的错误来源。你的Go服务器很可能无法解析该文件(因为你没有处理../css URI的处理程序)。
所以你应该将../css部分改为/css,并告诉你的服务器(你没有提供详细信息,所以我无法给你展示代码)通过提供文件来处理/css URI。

假设你正在使用默认的net/http mux,你的代码应该类似于:

mux := http.NewServeMux()
mux.Handle("/css/", http.StripPrefix("/css/", http.FileServer(http.Dir("css"))))
http.ListenAndServe(":8080", mux)
英文:

Using ../css on the web should be avoided and likely is your error source. Your go server likely cannot resolve the file (because you don't have a handler for the ../css URI).
So you should change the ../css part to /css and tell your server (you didn't provide details, so I cannot show you code) to handle /css URIs by serving the files.

Assuming that you are using the default net/http mux, your code should look something like:

mux := http.NewServeMux()
mux.Handle(&quot;/css/&quot;, http.StripPrefix(&quot;/css/&quot;, http.FileServer(http.Dir(&quot;css&quot;))))
http.ListenAndServe(&quot;:8080&quot;, mux)

huangapple
  • 本文由 发表于 2017年7月26日 01:07:28
  • 转载请务必保留本文链接:https://go.coder-hub.com/45309657.html
匿名

发表评论

匿名网友

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

确定