VUE CLI的“ public”文件夹中文件的不同路径

时间:2020-02-06 15:12:48

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

我的应用程序结构是- 文件夹->前端-应用程序文件夹 文件夹-> html-> spa-这是我放置构建的应用程序的地方 “ spa”中有2个文件夹-资产和静态文件夹。在静态文件夹中,有来自“前端->公共”的文件。

这是问题所在 我需要添加一个外部脚本,所以我将它放在index.html的头

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

构建我的应用程序后,一切都很好,但是在本地(npm run serve)它具有错误的URL。 我尝试在publicPath中玩vue.config.js,甚至通过三元process.env.NODE_ENV === 'production'来正确设置。在本地模式和内置模式下,该文件已建立,但它也更改了所有路径(链接,菜单等)。

请帮助我解决问题

1 个答案:

答案 0 :(得分:0)

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

在我的index.html

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