我已经使用Vue Cli 4.0创建了此应用,但未进行任何修改:
vue create hello-world
然后我执行以下命令:
NPM RUN BUILD
现在有了一个包含应用程序内容的DIST目录,可以将其推送到Web服务器上。
我将DIST目录应用程序放置在2个不同的Apache服务器上:
我看到一个空白屏幕,并且/被添加到index.html链接的开头,因此根本没有链接可用。
您知道如何进行简单的构建吗?目前无法使用,根本无法使用。
有一个屏幕,我删除了index.html中的每个/,屏幕不再是黑色,请注意,图片也丢失了,我什至不知道链接在哪里。
当我尝试使用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服务器了。