Vuejs webpack静态文件夹在子文件夹中不起作用答案

【问题标题】：Vuejs webpack static folder not working in subfolderVuejs webpack静态文件夹在子文件夹中不起作用
【发布时间】：2017-10-04 02:36:15
【问题描述】：

我们可以有一个与 webpack 相关的静态文件夹吗？

我创建了一个使用 Webpack 作为构建工具的 Vuejs 应用程序。结构是这样的，我把所有的图片/视频都放在静态下，而将js/css放在assets下：

只要应用以 root 身份分发，应用就可以正常工作。

即 http://<domain>/index.html

但我想将它分发到子文件夹下，并且相同的分发代码无需重新编译即可工作，因为它可能会被不同的运营团队移动。

即

http://<domain>/<app>/index.html
http://<domain>/<app>/index.html
http://<domain>/<app>/<app>/index.html

这会弄乱所有静态资源。所以我做了一些研究：

并尝试使用我的设置 assetsPublicPath，而不是特定于子文件夹名称，到 ./ 或“”，但它不起作用。

assetsPublicPath: '/',

assetsSubDirectory: 'static'

有没有办法打包静态文件夹，使其像相对路径一样工作，还是我需要将所有资源移动到资产？

提前致谢。

【问题讨论】：

【解决方案1】：

今天发生在我身上，我通过删除 node_modules、重新安装 node_modules、关机、开机（重启对我不起作用，我必须关机并开机）修复了这个问题

我认为这里有一些缓存。所以解决这个问题的最好方法是重新安装 node_modules 并关闭电源，然后再打开电源

你说：

....., try upgrading vue-cli to the latest version and confirm that things are fixed with a fresh project?

【讨论】：