Uniapp 一处编写多端运行 之 H5

180 阅读1分钟

📱H5移动端商城打包

下载的源码,并导入开发工具

解压后的代码包内容

源码包基本内容介绍

移动端商城因为是uniapp开发所以必须Hbuilder X 打开 第一次了解的戳这里HBuilderX-高效极客技巧 (dcloud.io)

HbuilderX

Hbuilder打开代码包下的App目录,并设置API链接地址

加载代码并设置API链接地址

打包H5商城代码

打包H5代码

打包出现id不正确怎么办

uniapp打包成功

上传H5代码至移动端站点

H5 项目部署成功

H5项目部署成功

和Admin站点一样,属于SPA项目,所有刷新出现404的问题需要设置伪静态,以下两种配置方式二选一 二选一 二选一

第一种配置方式 截图为示例 配置对应的站点即可。

location / {
	if (!-e $request_filename){
    	rewrite ^/(.*) /index.html last;
        break;
    }
}	

第二种伪静态配置

第二种伪静态配置

location / {
  try_files $uri $uri/ /index.html;
}

以上步骤已经将H5商城站点部署成功!