如何生成 Vue.js CLI 站点的部署版本？

Posted 2023-02-22

【中文标题】如何生成 Vue.js CLI 站点的部署版本？

【英文标题】：How to produce deployment version of a Vue.js CLI site?

【发布时间】：2018-03-02 15:59:39

【问题描述】：

我已经设置了一个 Vue.js CLI 项目 我运行了npm run dev，它在我的浏览器中的 8080 端口运行 我对网站做了一些更改 我输入了npm run build。 移动了 Apache 服务器下的 dist 文件夹的内容 但我得到了错误

加载资源失败：服务器响应状态为 404(Not 找到）

我还需要在此处复制哪些内容以避免出现此错误，或者无法准确加载哪些内容？

【问题讨论】：

npm run build 是命令

谢谢，我更新了上面的问题，即我从 dist 复制文件并将它们放在 Apache Web 服务器下，但它们只是显示一个空白页面，因为显然它们无法加载某些内容。跨度>

如果 index.html 和 dist 目录在同一级别的文件结构 src attr 应该是这样的 src="/dist/build.js" 否则你需要根据你的服务器基础结构调整它。

【参考方案1】：

好的，我想通了：

因为我将文件放在子目录中，所以我不得不进入 index.html 文件并搜索并将 /static 替换为 static。

发件人：<link href=/static/css/app.fd50d336198a48f4f49d999710298aad.css

收件人：<link href=static/css/app.fd50d336198a48f4f49d999710298aad.css