1. 主页
  2. 文档
  3. shopX商城
  4. 前端
  5. 部署 H5

开始之前

  • 强烈建议不喜欢折腾的同学给 H5 前端单独部署一个站点,配置好域名,并且强烈建议配置好 https
  • 生成海报前,请先把 后台 -》 商城配置 -》商城信息-》分享设置,配置正确

后端

创建站点,并且配置好 https

部署 H5

前端的伪静态(使用history模式)

部署 H5

Nginx配置

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

重启 Nginx!!!

Apache配置

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ /index.html [L]
</IfModule>

前端

前端H5配置

在manifest.json
部署 H5

调试 H5

部署 H5

发布 H5

部署 H5

  • 填写 网站名称标题

部署 H5

  • 打包成功
    部署 H5
  • 将两个文件上传到宝塔前端站点根目录,如图所示:
    部署 H5

H5 生成海报

  • 配置必要的商城配置
    部署 H5
    部署 H5
  • 如果一切都配置正确,将能直接看到海报
    部署 H5
这篇文章对您有用吗?

我们要如何帮助您?

发表评论
暂无评论

还没有评论呢,快来抢沙发~