Uniapp打包H5，配置成Django静态资源

一、django的静态资源有两种方式：

了解静态资源加载的顺序后，根据使用习惯进行选择：

1.每个APP下面创建static（放置css\js\image）、template（放置html）文件夹

2.仅根目录创建static（放置css\js\image）、template（放置html）文件夹

3.上述方式两种结合

 二、uniapp打包成H5，会生成结果如下：

生成的文件夹web下包含：static文件夹、index.html文件

图1.1（Uniapp打包生成的目录）

图1.2（Uniapp打包生成的目录）

三、配置资源两种方式:

1.Uniapp生成的static文件夹内的资源直接放置在Django的static文件夹中；Uniapp生成的index.html文件直接放置在Django的template文件夹中

此方式需要进行如下配置：Uniapp的manifest.json中进行Web配置设置中，下面保持空白

图2 Uniapp中manifest.json

2.Uniapp生成的staticstatic文件夹内的资源放置在Django的static文件夹下的某个文件夹中；Uniapp生成的index.html文件直接放置在Django的template文件夹中

假设放置在static文件夹下的xxxx文件夹中，路径为static>xxxxx

由于uniapp生成的静态文件总是在static中，所以静态文件中路径代码会包含static，所以将uniapp生成的static整体复制在xxxx文件夹中，路径为static>xxxxx>static

此方式需要进行如下配置：Uniapp的manifest.json中进行Web配置设置中，运行的基础路径设置为：/static/xxxxx

图3 Uniapp中manifest.json

 其他参考：

uniapp H5打包后本地图片无法显示问题_uni-apph5打包后ios本地图片丢失-CSDN博客