英文:
Failed to load module script: Expected a JavaScript module
问题
我是你的中文翻译助手，以下是你要翻译的内容：
我正在使用vite作为我的React应用程序的构建工具，后端使用Golang。
我已经为生产环境构建了应用程序，并将其托管在我的HTTP服务器上。
我的目录结构如下：
server|- dist| | index.html| |- assets| | index.js| | index.css| main.go
为了托管我的文件，代码如下（在main.go中）：
fs := http.FileServer(http.Dir("./dist"))http.Handle("/", fs)
在index.html中：
<script type="module" crossorigin src="/assets/index.fd457ca0.js"></script><link rel="stylesheet" href="/assets/index.bdcfd918.css">
代码实际上发送了正确的文件，但是使用了错误的头部。
英文:
I am using vite as build tool for my react app and golang as backend.
I built the app for production and host the app on my http server.
my directory structure:
server|- dist| | index.html| |- assets| | index.js| | index.css| main.go
To host my files the code looks like (inside main.go)
fs := http.FileServer(http.Dir("./dist"))http.Handle("/", fs)
in index.html
<script type="module" crossorigin src="/assets/index.fd457ca0.js"></script><link rel="stylesheet" href="/assets/index.bdcfd918.css">
The code did actually send correct files but with wrong headers.
答案1
得分: 0
所以我不得不编写自己的文件服务器来手动设置头部，如下所示：
contentTypeMap := map[string]string{".html": "text/html",".css": "text/css",".js": "application/javascript",}filepath.Walk("./dist", func(path string, info os.FileInfo, err error) error {if err != nil {log.Fatalf(err.Error())}if info.IsDir() {return err}dirPath := filepath.ToSlash(filepath.Dir(path))contentType := contentTypeMap[filepath.Ext(info.Name())]handlePath := "/" + strings.Join(strings.Split(dirPath, "/")[1:], "/")hf := func(w http.ResponseWriter, r *http.Request) {w.Header().Add("Content-Type", contentType) // <---- 关键部分http.ServeFile(w, r, path)}if handlePath != "/" {handlePath += "/" + info.Name()}mainRouter.HandleFunc(handlePath, hf)return nil})
（如果代码有问题，请进行优化，我自己制作了这个解决方案，并尝试了很多方法来满足我的需求）
现在，我使用正确的头部接收到了正确的文件。
我找不到任何使用http包中的http.FileServer来处理自定义头部的解决方案。如果存在简单的解决方案，请提供。
英文:
So I had to write my own file server to set the headers manually like:
contentTypeMap := map[string]string{".html": "text/html",".css": "text/css",".js": "application/javascript",}filepath.Walk("./dist", func(path string, info os.FileInfo, err error) error {if err != nil {log.Fatalf(err.Error())}if info.IsDir() {return err}dirPath := filepath.ToSlash(filepath.Dir(path))contentType := contentTypeMap[filepath.Ext(info.Name())]handlePath := "/" + strings.Join(strings.Split(dirPath, "/")[1:], "/")hf := func(w http.ResponseWriter, r *http.Request) {w.Header().Add("Content-Type", contentType) // <---- key parthttp.ServeFile(w, r, path)}if handlePath != "/" {handlePath += "/" + info.Name()}mainRouter.HandleFunc(handlePath, hf)return nil})
(please optimize if the code is bad, I made the solution myself and I tried so many stuff to fit my needs)
Now with that I recevied the correct files with correct headers.
And I couldn't find any solutions to work with custom headers using http.FileServer in http package. And please provide a easy solution if it exists.
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。
评论