H5商城部署

title: H5 移动端商城打包
date: 2021-12-22 12:37:44
permalink: /pages/crmeb/crmeb-h5-build/
categories:

  • crmeb
  • 安装教程
    tags:

📱H5移动端商城打包

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

解压后的代码包内容

源码包基本内容介绍

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

HbuilderX

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

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

打包H5商城代码

打包H5代码

打包出现id不正确怎么办

uniapp打包成功

上传H5代码至移动端站点

H5 项目部署成功

H5项目部署成功

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

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

![](https://doc.crmeb.com/gh/xbdazz/mypic/img/202203281511453.png)

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

第二种伪静态配置

第二种伪静态配置

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

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

👍👍👍👍👍👍👍👍 Uniapp打包过程中如果出现错误等问题,论坛提问 Java系统 - CRMEB社区