一门APP开发教程

标题: vue生成前端文件方式上传html打包 vue打包app首页白屏问题 [打印本页]

作者: 希望工程boss 时间: 2021-11-23 17:05
标题: vue生成前端文件方式上传html打包 vue打包app首页白屏问题
任意的vue项目都可以生成前端html
直接将前端html上传至开发者中心
即可实现app打包生成

1.修改路径
但是需要注意一个路径问题，不然会导致首页白屏
(, 下载次数: 216)

找到vue项目的配置文件vue.config.js
之后按照图片修改路径为“./”

具体参考：https://cli.vuejs.org/zh/config/#publicpath

核心提示：将VUE项目设置为相对路径，之后重新生成前端文件，之后再把本地html项目打包上传到一门开发者后台！

2.进入项目文件夹后，再全选文件添加为压缩包！
之后进入生成的vue项目，直接压缩为zip文件
(, 下载次数: 207)
全选文件，添加为zip
(, 下载次数: 203)
务必选择ZIP格式，请勿使用360，好压等国内压缩软件！
(, 下载次数: 191)

3.将压缩包上传至开发者后台
(, 下载次数: 213)
点击进入在线编辑器
(, 下载次数: 209)
上传压缩包
(, 下载次数: 192)
上传成功之后，系统会自动解压，解压后格式和本地格式一致即可！

——路过您的vue项目上传后，打包，首页白屏，请参考处理您的路径设置！！

欢迎光临一门APP开发教程 (https://bbs.yimenapp.com/)