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