Uniapp图片跨域解决
配置Proxy代理即可
参考跨域配置博客
这里只简单讲一下Vue3模板的配置
根目录下创建
vite.config.js
仅vue3模板可用
HBuilderX 3.2.0 及以上版本可用
内容配置如下
import {
defineConfig
} from 'vite';
import uni from '@dcloudio/vite-plugin-uni';
export default defineConfig({
plugins: [uni()],
server: {
port: 5173,
proxy: {
'/oss': {
target: 'https://take-saas.oss-cn-hangzhou.aliyuncs.com', // 目标服务
changeOrigin: true,
rewrite: path => path.replace(/^\/oss/, ''),
}
}
}
});
图片路径改为:
<image class="w-74 h-74 rounded-50" :src="'/oss/wechat_applets/wxshare/report_training_time.png'" mode=""></image>
这样即可解决问题,同理vue2根据上述博客配置完跨域也是这样访问