“公共”文件夹中文件的 VUE CLI 不同路径答案

【问题标题】：VUE CLI different paths for files in 'public' folder“公共”文件夹中文件的 VUE CLI 不同路径
【发布时间】：2020-05-22 16:28:06
【问题描述】：

我的应用程序结构是 - 文件夹 -> 前端 - 包含应用程序的文件夹文件夹 -> html -> spa - 这是我放置我构建的应用程序的地方 'spa' 中有 2 个文件夹 - 资产和静态。在静态文件夹中有来自'frontend -> public'的文件。

问题来了我需要添加一个外部脚本，所以我放入 index.html 的头部

<script src="<%= BASE_URL %>static/js/advert.js"></script>

当我构建我的应用程序时，一切都很好，但是在本地（npm run serve）它的 URL 错误。我尝试在vue.config.js 中使用publicPath，甚至通过三元process.env.NODE_ENV === 'production' 正确设置它。在本地和构建模式下，文件被找到了，但它也改变了所有的路线（链接、菜单等）。

请帮我解决一下

【问题讨论】：

标签： vue.js webpack vue-cli vue-cli-4

【解决方案1】：

所以，这是我想出的解决方案。

在我的 index.html 中

<script src="<%= BASE_URL %><%= NODE_ENV === 'production' ? 'spa/' : ''%>static/js/advert.js"></script>

【讨论】：