vue 图片路径问题

图片路径问题

module.exports = {

    // 根据环境区分 生产服务器production比如php服务器的地址  和 开发服务器dev的地址

  // npm run serve是开发环境develope     npm run build是生产环境production

  publicPath: process.env.NODE_ENV === "production" ? "/mail/" : "/",

    configureWebpack: {

        resolve: {

            alias: {

                assets: "@/assets",

                components: '@/components',

                views: '@/views',

                common: '@/common'

            }

        }

    }

}

图片和文字居中对齐。并且绑定:src属性

<div class="title-info-item link-ratio">

      <span class="name-msg">{{name3}}</span>

      <img

        style="widht:18px;height:18px;vertical-align:middle;"

        :src="data3>0?require('assets/imgs/v2/icon-up.png'):require('assets/imgs/v2/icon-down.png')"

      />

      <span :class="[data3>0?'red':'green','demo']">{{data3}}%</span>

    </div>