首页 > Golang > Go问答

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

来源：stackoverflow

时间：2024-03-03 19:06:27 150浏览收藏

从现在开始，努力学习吧！本文《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”的文件夹结构。

解决方案

事实证明我只需要清空我的缓存。我在刷新时使用 FN5，假设这会重新加载它。

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

今天关于《Vue 应用程序通过 npm 服务正常运行，但通过 golang net/http 包提供服务出现空白页面》的内容就介绍到这里了，是不是学起来一目了然！想要了解更多关于的内容请关注golang学习网公众号！

声明：本文转载于：stackoverflow 如有侵犯，请联系study_golang@163.com删除