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

时间：2020-09-10 12:43:25 收藏：0 阅读：2169

问题：由于项目部署在子路径中，所以指定了子路径。在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>

原文：https://www.cnblogs.com/chenwan1218/p/13644084.html