程序员经验分享-hwhale

uniapp打包成H5，为什么本地访问页面空白？

2023-11-14

1：点击菜单栏发行，点击选择网站-H5手机版，

2：在网站域名这一栏填写，网站域名，例如www.xxx.com或者你的服务器的IP地址47.103.XX.XX，（这个地址是你将项目打包之后存放放静态文件的地址）。

我这里为了考虑到安全因素，将自己的服务器地址马赛克了。

image

打包完成之后,有的时候会出现这样的提示:

注意请部署到web服务器使用，不支持本地file协议打开。不要使用资源管理器直接打开。

直接在本地打开static里面的inedx.html的时候，会出现空白页面

打开控制台也会发现有相对应的报错

Failed to load resource: net::ERR_FILE_NOT_FOUND
chunk-vendors.0d20bc70.js:1 Failed to load resource: net::ERR_FILE_NOT_FOUND
index.09d605c0.js:1 Failed to load resource: net::ERR_FILE_NOT_FOUND
解决办法其实很简单

点击高级按钮，进入到manifest.json的h5配置里面，根据自己的情况配置一些信息，我这里是默认的。

将运行的基础路径添加一下./

再次在本地打开生成的静态文件夹static/index.html,发现可以直接访问了

欢迎关注【编程微刊】公众号，回复【领取资源】,500G编程学习资源干货免费送。

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

uniapp打包成H5，为什么本地访问页面空白？ 的相关文章

随机推荐

  • STL空间配置器allocator详解

    转自 https blog csdn net xy913741894 article details 66974004 stl六大组件简介 我们知道 stl有容器 空间配置器 适配器 迭代器 仿函数以及算法这6个组件 它们六者关系大概如下

  • Ubuntu 22报错：PAM unable to dlopen(pam_tally2.so)

    ubuntu 22安装好后 普通用户一直登录不上 查看 var log auth log发现报错 Aug 18 17 02 02 xx sshd 388903 PAM unable to dlopen pam tally2 so lib s

  • linux如何发送查收邮件的详解

    一 linux用户发送给linux中的其它用户 1 使用命令 yum install sendmail y安装sendmail软件 2 使用yum install mailx y安装 mailx软件 3 使用命令systemctl star

  • 新安装的kali-linux 2022.1无法与其他虚拟机之间互相ping同

    新安装了kali 然后发现虚拟机无法与其他虚拟机互相ping同 也无法被ping 首先虚拟机之间都是nat模式 所有此时要查看不能ping同的虚拟机之间是否在同一个网段 此时要查看你的主机中网络连接的VMnet8的网段 VMnet8为nat

  • 纯Asp实现微信支付

    微信支付的程序文件需要3个 1 生成二唯码供用户扫描的网页 2 支付回调URL 就是当用户扫描二唯码后 微信会调用这个回调用URL 3 微信支付异步通知回调地址 当用户在微信上确认支付后 接收微信支付异步通知 其中第 2 3 个文件需要在支

  • 什么是哈希函数

    什么是hash函数 哈希函数 Hash Function 也称为散列函数 给定一个输入x 它会算出相应的输出H x 哈希函数的主要特征是 输入x可以是任意长度的字符串 输出结果即H x 的长度是固定的 计算 H x 的过程是高效的 对于长度

  • 经验之谈

    谈编程 的确而是一个复杂的问题 我只是一个菜鸟 甚至连菜鸟都算不上 只是喜欢代码而已 看看不同的人写不同的代码吸收他人的智慧之光也是一种享受 网络中精英辈出 什么jsp asp php java c c 真的太多了 需要学的东西确实太多了

  • 安卓报错 Failed to commit install session

    Installation failed due to Failed to commit install session 2076835843 with command cmd package install commit 207683584

  • 27. 移除元素

    Swift func removeElement nums inout Int val Int gt Int 将数据声明为var类型 否则无法对其进行操作 var nums nums 返回值 var count nums count 循环次

  • 数据链路层的主要功能

    数据链路层主要功能 主要功能概述 数据链路层的三个基本问题 1 封装成帧 2 透明传输 3 差错检测 MAC寻址 链路层向网络层提供的服务 1 无确认的无连接服务 2 有确认的无连接服务 3 有确认的面向连接服务 其他知识点 主要功能概述

  • 启动项目报错 Error: listen EADDRINUSE: address already in use :::3301

    服务端启动端口报错Error listen EADDRINUSE address already in use 3301 在宝塔运行node项目时报错 提示已经有3301端口了 现在我们可以找到线程然后关闭就行了 第一步 通过端口号找到线程

  • 使用 webpack 对项目进行打包发布

    打包发布 1 为什么要打包发布 项目开发完成之后 需要使用 webpack 对项目进行打包发布 主要原因有以下两点 开发环境下 打包生成的文件存放于内存中 无法获取到最终打包生成的文件 开发环境下 打包生成的文件不会进行代码压缩和性能优化

  • 复旦大学黄萱菁：自然语言处理中的表示学习

    不到现场 照样看最干货的学术报告 嗨 大家好 这里是学术报告专栏 读芯术小编不定期挑选并亲自跑会 为大家奉献科技领域最优秀的学术报告 为同学们记录报告干货 并想方设法搞到一手的PPT和现场视频 足够干货 足够新鲜 话不多说 快快看过来 希望

  • 【毕设】车牌识别系统的设计与实现

    车牌识别系统的设计与实现 毕设记录 1 前言 源码见评论区 2 开发环境 3 VS2017配置OpenCV运行第一个小程序 19 12 27 3 1 第一个小程序 3 2 参考链接汇总 4 车牌定位 19 12 27 4 1 知识点提要 4

  • python3 查看Django版本

    由于python3 与 Django存在不兼容的问题 需要用相对应的Django版本号跟python3进行匹配 Django版本号地址 https docs djangoproject com en 1 9 releases

  • nlp练习题以及答案（自用）

    2 000 IP 281470860753233 13 08 57 13 10 12 01 15 68 77 下面哪种是由多个 键 值 对组成的无序序列 列表 元组 x 字典 集合 2 000 IP 281470860753233 13 1

  • CentOS7.6安装离线编译安装Redis4.0.9

    下载地址 https redis io download 文件上传至 usr local tar xzf redis 4 0 9 tar gz cd redis 4 0 9 yum install gcc tcl y make MALLOC

  • 想知道微信怎么做指纹支付开发？看这里！

    欢迎大家前往腾讯云 社区 获取更多腾讯海量技术实践干货哦 作者简介 Henryye 叶轩 来自腾讯微信事业群 主要负责腾讯开源项目TENCENT SOTER GitHub地址 https github com Tencent soter 生

  • seaborn导入数据集报错 <；urlopen error [Errno 11004] getaddrinfo failed＞ 数据集链接超时，获取地址失败错误

    seaborn导入数据集报错

  • uniapp打包成H5，为什么本地访问页面空白？

    1 点击菜单栏发行 点击选择网站 H5手机版 2 在网站域名这一栏填写 网站域名 例如www xxx com或者你的服务器的IP地址47 103 XX XX 这个地址是你将项目打包之后存放放静态文件的地址 我这里为了考虑到安全因素 将自己的

热门标签