在 Wildfly 10 上部署 Vue.js

Posted 2023-02-27

【中文标题】在 Wildfly 10 上部署 Vue.js

【英文标题】：Deploy Vue.js on Wildfly 10

【发布时间】：2017-09-13 23:18:10

【问题描述】：

我有一个 vue.js 应用程序，想用我的 JAX-RS 后端部署它。 Wildfly 服务器已启动并运行，web.xml 配置为：

<welcome-file-list>
    <welcome-file>index.html</welcome-file>
</welcome-file-list>

但运行后我得到一个 404 错误，即找不到静态文件夹（和 app.js）。 如何启用对静态文件夹的访问？

【问题讨论】：

How to configure Wildfly to serve static content (like images)?的可能重复

所以我需要修改我的standalone.xml？

你的结构是什么？你的 app.js 在哪里，你的 index.html 在哪里，什么是 404？另外，你用什么来制造战争？我通常不必乱用standalone.xml

我有一个简单的 vue-cli webapp 和一个 java ee web 项目。在 vue-cli 上运行 npm run build 后，我将所有文件放在我的 java 项目的 web 目录中。静态文件夹中的所有文件都出现 404 错误

【参考方案1】：

我使用这个堆栈。 Wildfly + Spring Rest api + .war 中嵌入的 Vuejs 应用

它有效。 您必须将所有 .js .css .png ... 放入 WebContent 确保 npm run build 中的 dist 文件夹全部在 WebContent 中 示例：

网页内容 index.html app.js 静力学 img photo1.png 资产 work.svg

您的欢迎文件是正确的。