Vue 应用程序在通过 npm 的 serve 函数提供服务时工作，但在通过 golang net/http 包提供服务时出现空白页面答案

【问题标题】：Vue app works when served via npm's serve function, but blank page when served via golang net/http packageVue 应用程序在通过 npm 的 serve 函数提供服务时工作，但在通过 golang net/http 包提供服务时出现空白页面
【发布时间】：2020-08-27 21:10:48
【问题描述】：

我有一个 Vuejs 应用程序，我正在尝试通过 Golang 后端提供服务，该后端也将提供应用程序的 API。

当我通过“npm run build”和“serve -s dist”构建和运行 Vuejs 并转到静态服务器的位置时，一切正常。但是当我尝试通过 Golang 后端加载它时，即使加载了 index.html（通过检查浏览器中的源代码进行验证），我也只是得到一个空白页面。

这种方法不可能吗？我是不是搞错了？

这是我通过 Golang 为“dist”文件夹提供服务的方式。

http.Handle("/", http.StripPrefix("/", http.FileServer(http.Dir(htmlFolder+"/dist/"))))

我的 index.html 文件：

<!DOCTYPE html>
<html lang=en>
<head>
    <meta charset=utf-8>
    <meta http-equiv=X-UA-Compatible content="IE=edge">
    <meta name=viewport content="width=device-width,initial-scale=1">
    <link rel=icon href=/favicon.ico>
    <title>TestApp</title>
    <link href=/css/app.52c62e82.css rel=preload as=style>
    <link href=/css/chunk-vendors.7724753e.css rel=preload as=style>
    <link href=/js/app.9a3ab992.js rel=preload as=script>
    <link href=/js/chunk-vendors.6808fe3a.js rel=preload as=script>
    <link href=/css/chunk-vendors.7724753e.css rel=stylesheet>
    <link href=/css/app.52c62e82.css rel=stylesheet>
</head>
<body>
    <noscript>
        <strong>We're sorry but TestApp doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id=app></div>
    <script src=/js/chunk-vendors.6808fe3a.js></script>
    <script src=/js/app.9a3ab992.js></script>
</body>
</html>

编辑：

我也尝试在这里使用 gorilla/mux 示例： https://blog.questionable.services/article/vue-react-ember-server-golang/

这是我的“dist”文件夹结构。

【问题讨论】：

标签： vue.js go server

【解决方案1】：

在浏览器上按 F12 并转到控制台选项卡以查看错误

【讨论】：

感谢您的回复。我检查了控制台，这些是错误，但我不确定如何使用它们来修复 Golang 服务器。 imgur.com/j24NMen

【解决方案2】：

原来我只需要清空我的缓存。我在刷新时使用 FN5，假设它会重新加载它。

【讨论】：