Подавать файлы html, css, js по подпути в go mux
Я хочу отобразить скомпилированный угловой проект по подпути (например, http://localhost:3000/app/) с помощью go mux
Он работает, как и ожидалось, без подпути "приложение/"
Но когда я добавляю подпуть с помощью http.StripPrexix("/app/, ..) Обработчик находит и отображает только индексный html, но без всех файлов css, js..
Тестовый код
package main
import (
"log"
"net/http"
"github.com/gorilla/mux"
)
func main() {
mux := mux.NewRouter()
fs := http.FileServer(http.Dir("./static/"))
// Serve static files
mux.PathPrefix("/app/").Handler(http.StripPrefix("/app/", fs))
log.Println("Listening...")
http.ListenAndServe(":3000", mux)
}
index.html
<!doctype html>
<html lang = "en">
<head>
<meta charset = "utf-8">
<title>TestProject</title>
<base href = "/">
<meta name = "viewport" content = "width=device-width, initial-scale=1">
<link rel = "icon" type = "image/x-icon" href = "favicon.ico">
<link rel = "stylesheet" href = "styles.3ff695c00d717f2d2a11.css"></head>
<body>
<h1>Should work</h1>
<app-root></app-root>
<script src = "runtime.359d5ee4682f20e936e9.js" defer></script><script src = "polyfills.bf99d438b005d57b2b31.js" defer></script><script src = "main.5dd083c1a27b2a7e410a.js" defer></script></body>
</html>
Скачать рабочий проект
Этот проект также включает статические файлы для обслуживания
https://filehorst.de/d/dubJmmsz
Цель
Служите разным проектам разными путями
Что я делаю не так?
Как обслуживать весь проект, например: localhost: 3000/app/
Поскольку вы хотите, чтобы корень вашего SPA был основан на подкаталоге, вам также необходимо внести изменения в HTML/JS. Базовый каталог должен быть переменной, которая будет такой же, как префикс SPA. Я считаю, что это больше проблема дизайна.
Ответы 1
В документах gorilla mux упоминается, как обрабатывать приложения Angular SPA.
Однако, поскольку вы хотите разместить корневой каталог SPA в подкаталоге, вам также необходимо внести изменения в HTML/JS. Базовый каталог должен быть переменной, которая будет такой же, как префикс SPA. Это больше проблема дизайна, я считаю
В противном случае, поскольку ваши остальные файлы, кроме индекса, разрешаются в корне, вам нужно вернуться к «/» для остальных файлов и настроить оба.
router.PathPrefix("/app").Handler(spa)
router.PathPrefix("/").Handler(spa)
Итак, попробуйте, как показано ниже. Я попробовал вашу статическую папку со следующим:
package main
import (
"log"
"net/http"
"os"
"path/filepath"
"time"
"github.com/gorilla/mux"
)
type spaHandler struct {
staticPath string
indexPath string
}
func (h spaHandler) ServeHTTP(w http.ResponseWriter, r *http.Request) {
// get the absolute path to prevent directory traversal
path, err := filepath.Abs(r.URL.Path)
if err != nil {
// if we failed to get the absolute path respond with a 400 bad request
// and stop
http.Error(w, err.Error(), http.StatusBadRequest)
return
}
// prepend the path with the path to the static directory
path = filepath.Join(h.staticPath, path)
// check whether a file exists at the given path
_, err = os.Stat(path)
if os.IsNotExist(err) {
// file does not exist, serve index.html
http.ServeFile(w, r, filepath.Join(h.staticPath, h.indexPath))
return
} else if err != nil {
// if we got an error (that wasn't that the file doesn't exist) stating the
// file, return a 500 internal server error and stop
http.Error(w, err.Error(), http.StatusInternalServerError)
return
}
// otherwise, use http.FileServer to serve the static dir
http.FileServer(http.Dir(h.staticPath)).ServeHTTP(w, r)
}
func main() {
router := mux.NewRouter()
spa := spaHandler{staticPath: "static", indexPath: "index.html"}
router.PathPrefix("/app").Handler(spa)
srv := &http.Server{
Handler: router,
Addr: ":3000",
// Good practice: enforce timeouts for servers you create!
WriteTimeout: 15 * time.Second,
ReadTimeout: 15 * time.Second,
}
log.Fatal(srv.ListenAndServe())
}
Спасибо .. у меня странное поведение, что он работает только в моем хроме с режимом инкогнито .. но должна быть другая проблема .. не распознал это
Возможно, файлы кэшируются. Если ваш SPA загружает остальные файлы из root /, тогда вам нужно с этим справиться ИЛИ лучше, чтобы SPA имел другую базу, например /app
Я считаю, что вам нужно иметь тот же базовый каталог ссылок в вашем Angular spa. Передний конец разработчик должен сделать это
да ... пришлось изменить URL-адреса в index.html ... но у меня также есть более крупный проект с активами, загруженными из файла поли-заполнений ... сложная проблема