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

我已经使用Vue Cli 4.0创建了此应用,但未进行任何修改:

vue create hello-world

然后我执行以下命令:

NPM RUN BUILD

现在有了一个包含应用程序内容的DIST目录,可以将其推送到Web服务器上。

我将DIST目录应用程序放置在2个不同的Apache服务器上:

我看到一个空白屏幕,并且/被添加到index.html链接的开头,因此根本没有链接可用。

您知道如何进行简单的构建吗?目前无法使用,根本无法使用。

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

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

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

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

注意:

如果我安装serv https://www.npmjs.com/package/serve,然后直接在dist文件夹中输入:

serve 

现在,我可以从导航器内部的http://localhost:5000访问dist应用程序,并且一切运行正常。

问题是这样的:

只要我将dist文件夹放在我的apache服务器UWAMP 3.10内,它就无法正常工作,也不能在另一台现代apache服务器上联机。

只要Webpack生成了Vue,您是否知道它不能再从apache服务器中使用?

编辑:嗨!将整个DIST内容放置在NODE.JS服务器内部,节点后端服务的PUBLIC目录中,如下所示:

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

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

xu443694755 回答:将Dist目录放置在UWAMP和apache服务器上

暂时没有好的解决方案,如果你有好的解决方案,请发邮件至:iooj@foxmail.com
本文链接:https://www.f2er.com/3164695.html

大家都在问