【问题标题】:Vue.js files in public folder not being copied to dist folder公共文件夹中的 Vue.js 文件未复制到 dist 文件夹
【发布时间】: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


【解决方案1】:

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

【讨论】:

    猜你喜欢
    • 2020-08-18
    • 1970-01-01
    • 2016-06-06
    • 2023-03-30
    • 2021-03-21
    • 1970-01-01
    • 1970-01-01
    • 2019-10-13
    • 1970-01-01
    相关资源
    最近更新 更多