vue-cli3+ 打包部署到服务器后，svg/jpg/png在iphone上无法正常显示 -- 工作笔记

用vue-cli3初始化项目配置完，然后打包部署到服务器上，svg图片在iPhone不能正常显示（.png格式可以显示），在安卓可以正常显示，而且在本地开发者工具调试都可以正常显示。
下面是我的做法（iphone不正常显示的做法）
我是用img标签引入

<div class="CPRdiv" @click="mapLink('CPR')">
    <img  class="CPR"
    src="@/assets/images/CoastalPlankRoad.svg" type="image/svg+xml">
  </div>

把svg图片放在assets/images里面

在这之前在vue.config.js需要配置下引入svg的，不然会报错
在 chainWebpack

let path = require('path')
function resolve (dir) {
   
  return path.join(__dirname, dir)
}

module.exports = {
   
  publicPath: './',
  outputDir: 'dist',
  lintOnSave: true,
  runtimeCompiler