190  
查询码:00000746
vue项目中引用public下面的文件发布之后地址不对问题
作者: 陈婉 于 2020年09月10日 发布在分类 / 人防组 / 人防前端 下,并于 2020年09月10日 编辑

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


 



 推荐知识

 历史版本

修改日期 修改人 备注
2020-09-10 09:52:37[当前版本] 陈婉 创建版本

 附件

附件类型

PNGPNG

知识分享平台 -V 4.8.7 -wcp