public 文件夹中的 Vue.js 个文件没有被复制到 dist 文件夹

Question

我正在 Vue.js 创作作品集。我添加了一个按钮，允许用户下载我的简历副本（PDF 文件）。该按钮在开发中效果很好。该文件位于我的 public 文件夹中，该文件夹应该是所有文件都从中复制到 dist 文件夹的静态目录。当我运行命令 vue build 时，唯一从该文件夹复制的是 index.html 页面。我已经尝试将图像添加到该文件夹，但它们也没有被复制。我的 vue.config.js 文件如下所示：

module.exports = {
    publicPath: '.'
};

所以部署文件的相对路径是正确的。

我有一个类似的设置，在我的工作中工作得很好，使用相同版本的 Vue 和 vue-cli-service（均为 6.14.11）。我对 Vue 比较陌生，所以非常感谢任何帮助。

编辑：我还注意到，即使我将 public/index.html 中的 <title> 标记更改为 "James Bell's Portfolio"，生产代码中的标题是"Vue CLI App".

这是 github 存储库：https://github.com/jamesthedev/portfolio

Answer 1

我想通了！我从 src 文件夹中运行ning vue build。我需要从根目录运行 vue-cli-service build 。一旦我这样做了，我所有的静态资产都被复制到 dist.

public 文件夹中的 Vue.js 个文件没有被复制到 dist 文件夹

Vue.js files in public folder not being copied to dist folder

deployment

vue.js