uni-app小程序全局动态引入图片路径方法（小程序分包过大，图片存储到服务器）

 在main.js中写如下代码

import App from './App'

Vue.prototype.staticDir = 'https://test.zhzg.vip/XXX/static'; 

https://test.zhzg.vip    为服务器地址

/XXX/static        服务器上存放图片的根路径，应该与项目开发时图片存储路径保持一致

Vue.prototype.getStaticFilePath = function(url) {
	return Vue.prototype.staticDir + url;
}

视图层使用

<image :src="getStaticFilePath('static下的路径')">
</image>

编码层使用

this.getStaticFilePath('static下的路径')

css 样式中使用

uni.scss样式文件中使用变量  如下

$staticLink:"服务器地址/static";/* 测试环境公用背景图地址 */

使用方法

.header-bg {
	background: url($staticLink + '/images/index/header-bg-new.png') no-repeat top;
}