我正在使用GO运行HTTP服务器实例,我想将HTML DOC返回到客户端,但是JS和CSS文件不起作用。如果JS和CSS在不同的文件中,我该如何与HTML一起发送?
GO代码
package main
import (
"fmt"
"io/ioutil"
"net/http"
)
func main() {
http.HandleFunc("/", handler)
http.ListenAndServe(":8080", nil)
}
func handler(w http.ResponseWriter, r *http.Request) {
w.Header().Set("Content-Type", "text/html")
file, _ := ioutil.ReadFile("webpage.html")
s := string(file)
fmt.Fprintf(w, s)
}
webpage.html
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<title>html file</title>
<link rel="stylesheet" type"text/css" href="styles.css"/>
</head>
<body>
<h1>Click to change color</h1>
<script src="changeColor.js"></script>
</body>
</html>
和changecolor.js
function init(){
var h1tags = document.getElementsByTagName("h1");
h1tags[0].onclick = changeColor;
}
function changeColor(){
this.style.color = '#000000';
}
onload = init;
css在一个名为styles.css的文件中,与html doc。
在您的GO代码中,您需要这样做:
func main() {
http.HandleFunc("/", handler)
http.HandleFunc("/changeColor.js", func(w http.ResponseWriter, r *http.Request) {
http.ServeFile(w, r, "changeColor.js")
})
http.HandleFunc("/styles.css", func(w http.ResponseWriter, r *http.Request) {
http.ServeFile(w, r, "styles.css")
})
http.ListenAndServe(":8080", nil)
}
因为此行的GO服务器
<link rel="stylesheet" type"text/css" href="styles.css"/>
看起来"/styles.css",您的服务器不处理此请求。
您可以替换此代码
http.HandleFunc("/", handler)
这个
http.HandleFunc("/", func(w http.ResponseWriter, r *http.Request) {
http.ServeFile(w, r, "webpage.html")
})
您可以设置用于处理静态内容的文件服务器(例如CSS,JS,IMG(。例如,您的目录结构如下。
静止的 CSS styles.css JS changecolor.js
func main() {
http.Handle("/static/", http.StripPrefix("/static/", http.FileServer(http.Dir("static"))))
// other handlers
http.ListenAndServe(":8080", nil)
}
您可以在HTML文件中访问CSS和JS,如下
<link rel="stylesheet" type"text/css" href="/static/css/styles.css"/>
以下是工作代码的示例:
package main
import (
"fmt"
"io/ioutil"
"net/http"
"log"
)
func main() {
http.HandleFunc("/", handler)
http.ListenAndServe(":8080", nil)
}
func handler(w http.ResponseWriter, r *http.Request) {
log.Println("Got request:", r.URL.Path)
var contentType string
var fileName string
switch r.URL.Path {
case "/":
contentType = "text/html"
fileName = "webpage.html"
case "/changeColor.js":
contentType = "text/javascript"
fileName = "changeColor.js"
case "/styles.css":
contentType = "text/css"
fileName = "styles.css"
default:
w.WriteHeader(http.StatusBadRequest)
log.Println("Bad request (unknown file)")
return
}
file, err := ioutil.ReadFile(fileName)
if err != nil {
w.WriteHeader(http.StatusNotFound)
log.Println("File not found")
return
}
w.Header().Set("Content-Type", contentType)
s := string(file)
fmt.Fprintf(w, s)
}