用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