vue項目中引用public下面的文件

問題：由於項目部署在子路徑中，所以指定了子路徑。在vue文件中使用絕對路徑引用public下面的文件，發布之后找不到地址

解決辦法：

<template>
  <div class="trait">
    <iframe :src="`${publicPath}map/hunan-new.html`" width="100%" height="100%"></iframe>
  </div>
</template>

<script>
import Vue from "vue";
export default {
     data() {
        return {
          publicPath: process.env.BASE_URL,
        };
      }
};
</script>