1***@qq.com
1***@qq.com
  • 发布:2023-08-07 10:06
  • 更新:2023-08-07 10:58
  • 阅读:303

cli模式的uniapp开发微信小程序,因为静态资源需要放到cdn上,所以在image上写图片路径的时候需要写很长一串,请问有什么好的解决方案吗?可以用来简化这一操作

分类:uni-app

cli模式的uniapp开发微信小程序,因为静态资源需要放到cdn上,所以在image上写图片路径的时候需要写很长一串,请问有什么好的解决方案吗?可以用来简化这一操作

2023-08-07 10:06 负责人:无 分享
已邀请:
爱豆豆

爱豆豆 - 办法总比困难多

把你的图片地址前缀挂载到全局 然后图片地址就拼接起来

<image :src="$baseUrl+'right.png'" ></image>
  • 1***@qq.com (作者)

    ts会报错

    类型“{ $: ComponentInternalInstance; $data: {}; $props: { style?: unknown; key?: string | number | symbol | undefined; ref?: VNodeRef | undefined; ref_for?: boolean | undefined; ... 7 more ...; class?: unknown; }; ... 10 more ...; $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) ...”上不存在属性“$assets”。ts(2339)


    以下是main.ts的内容

    export function createApp() {

    const app = createSSRApp(App);

    app.use(pinia);


    app.config.globalProperties.$assets = ''


    return {

    app,

    pinia,

    };

    }


    以下是vue页面的内容

    <image class="top-img" :src="${$assets}/assets/home/chef/top.png" />

    2023-08-07 10:55

  • 1***@qq.com (作者)

    谢谢,已经解决了,在ts中声明了一下接口

    2023-08-07 13:26

1***@qq.com

1***@qq.com (作者) - 90后IT男

<image class="top-img" :src="`${$assets}/assets/home/chef/top.png`" />

要回复问题请先登录注册