Npm 将Dist目录放在UWAMP和apache服务器上

Npm 将Dist目录放在UWAMP和apache服务器上,npm,webpack,vuejs2,vue-cli-3,Npm,Webpack,Vuejs2,Vue Cli 3,我已使用Vue Cli 4.0创建此应用程序,未修改任何内容: vue create hello-world 然后我执行以下命令: NPM RUN BUILD 现在有一个包含应用程序内容的DIST目录,可以在web服务器上推送 我将DIST directory应用程序放在两个不同的Apache服务器上: 我看到一个空白屏幕,和/或添加到index.html链接的开头,因此没有任何链接在工作 你知道如何做一个简单的构建吗?目前无法使用,根本无法使用 还有一个屏幕,我删除了index.html中

我已使用Vue Cli 4.0创建此应用程序,未修改任何内容:

vue create hello-world
然后我执行以下命令:

NPM RUN BUILD
现在有一个包含应用程序内容的DIST目录,可以在web服务器上推送

我将DIST directory应用程序放在两个不同的Apache服务器上:

我看到一个空白屏幕,和/或添加到index.html链接的开头,因此没有任何链接在工作

你知道如何做一个简单的构建吗?目前无法使用,根本无法使用

还有一个屏幕,我删除了index.html中的每个/in,屏幕不再是黑色的。请注意,图片也丢失了,我甚至不知道链接在哪里。

当我尝试使用ABOUT路由时,它根本不起作用,请查看控制台错误,他找不到正确的链接no mo:

GET http://localhost/js/about.0a9fbcd5.js
[HTTP/1.1 404 Not Found 1ms]

ChunkLoadError: "Loading chunk about failed.
(error: http://localhost/js/about.0a9fbcd5.js)"
    Webpack 20
vue-router.esm.js:2079:16
    c vue-router.esm.js:2079
    h vue-router.esm.js:2124
    l vue-router.esm.js:1897
    Vt vue-router.esm.js:1962
    rt es.promise.js:110
    r microtask.js:26
注意:

如果我安装serve并直接在dist文件夹中键入:

serve 
现在,我可以从我的导航器内部访问dist应用程序,一切运行都完美无缺

问题在于:

只要我把dist文件夹放在apache服务器UWAMP 3.10中,它就不会工作,在另一台现代apache服务器上也不会工作

您是否知道,只要Vue是由webpack生成的,它就不能再从apache服务器上使用了

编辑:嘿!将整个DIST内容放在NODE.JS服务器中,放在由节点后端提供服务的公共目录中,如下所示:

app.use(express.static("public"));

现在应用程序正在运行!我想是时候在使用webpack时放弃Apache服务器了?

如果它不起作用,很有可能您没有正确配置Apache服务器以使用历史API应用程序。我刚刚使用CLI创建了一个全新的vue应用程序,构建了目录,使用docker和
httpd:alpine
图像进行了快速检查。它工作得很好,但是服务器并没有为历史API回退路由进行开箱即用的设置。我们可能需要更多关于apache配置的信息才能继续前进