uniapp打包H5上传服务器遇到的坑

阐述：

在使用uniapp打包发布项目的时候，H5页面有区别于小程序，小程序一般直接运行到微信开发者工具的，从微信开发者工具进行发布。下面说下H5打包的时候会出现的一些问题。

可能会出现以下问题

1. 直接打开index.html是空白页，没有数据。
2. css、image的src图片路径不正确，图片丢失。

1、直接打开index.html是空白页，没有数据，解决方案如下：

选择H5配置，把以下图片中的，运行的基础路径改为 ./ , 路由模式选择：history

2、css、image的src图片路径不正确，图片丢失，解决方案如下：

错误的案例：

ps：不是说这样写不能获取到图片，而是上传到服务器那边会有路径问题。在本地测试跑都没问题。

<img src="/static/images/yz.png" alt="">
background-image: url('../static/yz.jpg')
background-image: url('/static/yz.jpg')

正确的案例：

<img src="~@/static/images/yz.png" alt="">
background-image: url('~@/static/yz.jpg')
background-image: url('~@/static/yz.jpg')