如何在vue项目的public/html中使用自定义变量

使用vue-cli-service来构建一个vue应用程序，定义一些图标名称变量在.env文件中，需要在index.html中取到变量值。

如：在index.html我看到：<link rel="icon" href="<%= BASE_URL %>favicon.ico">

首先我在.env 文件中定义以VUE_APP_开头的变量，如： VUE_APP_FAVICON_NAME表示我的每个环境下的图标名称

 

 

 

其次直接在html中的使用变量：如： 

<link rel="icon" href="<%= BASE_URL %>favicons/<%= VUE_APP_FAVICON_NAME %>.ico">

 

 

 这样就可以在html中使用变量了。