进入源码包安装依赖包

  1. npm install

1.png

安装完成之后启动源码包

  1. npm run dev

4.png

进入源码包，修改接口地址

接口代理地址

3.png

接口地址和h5部署地址

2.png

打包生成之后打包

  1. npm run build

5.png

上传至服务器

文件夹(diypage)上传至服务器根目录(根目录为服务器接口地址的运行目录) 7.png

完成的效果，缺失了很多图片 3b.png

缺失的图片,找到文件中的默认配置

  1. /application/shop/controller/Diylayout.php

1b.png

我们的图片使用了防盗链，所以您那边无法预览，需要将图片下载下来传至自己的服务器，然后再修改json配置中的images图片地址

2b.png