Uniapp图片跨域解决

萧寂1732024-12-19 8:24

配置Proxy代理即可

这里只简单讲一下Vue3模板的配置

根目录下创建vite.config.js

仅vue3模板可用

HBuilderX 3.2.0 及以上版本可用

内容配置如下

js 复制代码

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/, ''),
			}
		}
	}
});

图片路径改为:

js 复制代码

<image class="w-74 h-74 rounded-50" :src="'/oss/wechat_applets/wxshare/report_training_time.png'" mode=""></image>

这样即可解决问题,同理vue2根据上述博客配置完跨域也是这样访问