【发布时间】:2021-06-28 23:30:44
【问题描述】:
我正在开发 Vue.js 的投资组合。我添加了一个按钮,允许用户下载我的简历副本(PDF 文件)。该按钮在开发中效果很好。该文件位于我的公共文件夹中,该文件夹应该是所有文件都从中复制到 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
【问题讨论】:
-
我无法重现该问题(节点 15,
npm7.4.0,macOS BigSur)。此外,没有 6.4.11 的vue或@vue/cli版本。您一定在想npm版本。你能分享一个复制的链接吗? -
您能分享一下您的 pacakag.json 和项目结构中公共文件夹的位置吗?
-
另外,这是一个很好的资源,可以提供帮助:cli.vuejs.org/guide/…
-
github.com/jamesthedev/portfolio 这是 github 存储库。您应该能够从那里看到 package.json。 public文件夹在根目录,所以和src文件夹一样
标签: vue.js deployment