使用场景:根据后端返回的字段来匹配image路径

    1. <image class="cover-img" :src="$parseAssets(item.headimg)" mode=""></image>
    1. /*! 文件说明
    2. * @file plugins/parseAssets.js
    3. * @desc 动态匹配图片路径
    4. * @role
    5. * @note
    6. * 1. test() 检测一个字符串是否匹配某个模式
    7. *
    8. */
    9. import store from "@/store";
    10. export default Vue => {
    11. Vue.prototype.$parseAssets = url => {
    12. const oss = store.getters.ossDomain; // 获取图片基路径
    13. if (/^http(s)?:\/\/([\S]*)/.test(url)) { // 检测路径是否符合该正则表达式规则
    14. return url;
    15. } else {
    16. return url ? oss + url : "/static/default.jpg";
    17. }
    18. };
    19. };