当前位置：首页 > 文章列表 > Golang > Go问答 > Vue 应用程序通过 npm 服务正常运行，但通过 golang net/http 包提供服务出现空白页面

Vue 应用程序通过 npm 服务正常运行，但通过 golang net/http 包提供服务出现空白页面

来源：stackoverflow 2024-03-03 19:06:27 0浏览收藏

推广推荐

支持 PC / 移动端，安全直达

从现在开始，努力学习吧！本文《Vue 应用程序通过 npm 服务正常运行，但通过 golang net/http 包提供服务出现空白页面》主要讲解了等等相关知识点，我会在golang学习网中持续更新相关的系列文章，欢迎大家关注并积极留言建议。下面就先一起来看一下本篇正文内容吧，希望能帮到你！

问题内容

我有一个 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”的文件夹结构。