Uniapp 一处编写多端运行 之 H5

📱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商城站点部署成功！

推荐阅读

crmrb Java 多商户(外贸版)

1. Crmeb Java 多商户外贸版思维导图

CRMEB Java 了解

1. Crmeb Java 2.0本地环境搭建
2. 阿里短信示例代码，有点干建议配上咖啡使用
3. 为什么npm install 会失败？
4. 商城玩“换脸” 总有适合你的
5. docker 一键运行
6. 微信视频号接入教程

CRMEB Java 服务端部署

1. 部署CRMEBJava前服务端要安装什么
2. 部署前需要解析哪些域名
3. 宝塔中Mysql和站点设置
4. 打包可运行Jar文件
5. 打包WEB PC管理端

工具方法

1. GitHub Clone 最快的方法
2. 怎么优雅的写博客 Typora + picGo

关注西北大粽子 回复 crmeb 获取电商资料