答读者疑问:为什么我的 manifest.json 文件无法正确被加载试读版

简介: 答读者疑问:为什么我的 manifest.json 文件无法正确被加载试读版

有教程的读者向我提问:已经完成了下列两个步骤的学习:


自己本地 Visual Studio Code 开发了一个 SAP UI5 应用,使用命令行 ui5 serve 启动了本地开发服务器,访问 localhost:8080, 能够看到 index.html 和与其同处一个目录下的 manifest.json 文件。



image.png

然而点击 index.html 之后,应用程序无法正常被加载,出现白屏。在 Chrome 开发者工具 console 面板,出现下列的错误消息:


Access to XMLHttpRequest at ‘https://sapui5.hana.ondemand.com/resources/singleFile/manifest.json?sap-language=EN’ from origin ‘http://localhost:8080’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.


image.png


这个问题有点怪,明明应该从 localhost:8080 目录下去加载我们 SAP UI5 应用的 manifest.json 文件,为什么运行时实际上从这个错误的地址 https://sapui5.hana.ondemand.com/resources/singleFile/manifest.json?sap-language=EN 去加载了呢?


image.png


很显然 https://sapui5.hana.ondemand.com 上面是不可能存在我们应用程序自己编写的 manifest.json 文件的,所以这个错误消息从字面上看是一个跨域错误,实际上问题根源在于,我们自己编写的应用程序存在错误,导致 SAP UI5 框架引导程序从一个错误的地址去加载 manifest.json 文件。


下面是这个问题正确的修复方式。



相关文章
|
5月前
|
JSON 前端开发 JavaScript
解锁JSON的奇妙世界:从基础到高级应用,一文搞懂JSON的妙用(上)
解锁JSON的奇妙世界:从基础到高级应用,一文搞懂JSON的妙用(上)
解锁JSON的奇妙世界:从基础到高级应用,一文搞懂JSON的妙用(上)
|
5月前
|
存储 JSON NoSQL
解锁JSON的奇妙世界:从基础到高级应用,一文搞懂JSON的妙用(下)
解锁JSON的奇妙世界:从基础到高级应用,一文搞懂JSON的妙用(下)
|
5月前
|
JSON JavaScript 前端开发
小白一眼就能懂的JSON简介与基本使用指南
小白一眼就能懂的JSON简介与基本使用指南
173 0
|
5月前
|
JSON JavaScript 前端开发
解锁JSON的奇妙世界:从基础到高级应用,一文搞懂JSON的妙用(中)
解锁JSON的奇妙世界:从基础到高级应用,一文搞懂JSON的妙用(中)
|
XML 测试技术 数据格式
如何使用 ABAP 代码解析 XML 文件试读版
如何使用 ABAP 代码解析 XML 文件试读版
如何使用 ABAP 代码解析 XML 文件试读版
|
5月前
|
前端开发
【专栏】在前端开发中,package.json 文件是项目的重要配置文件,其中包含了许多与项目相关的信息和设置
【4月更文挑战第29天】`package.json`的`proxy`字段用于配置开发环境中的代理服务器,解决跨域问题并模拟后端响应。它是字符串类型,值为代理服务器地址。主要应用场景包括前端跨域请求和本地调试。配置时在`package.json`顶层添加`proxy`字段,如`"proxy": "http://localhost:8080"`。该配置仅在开发环境中生效,生产环境需另寻解决方案。
84 1
|
开发者
答读者疑问:为什么我的 manifest.json 文件无法正确被加载试读版
答读者疑问:为什么我的 manifest.json 文件无法正确被加载试读版
|
Web App开发 JSON 前端开发
SAP UI5 应用元数据文件 manifest.json 的加载和解析原理讲解试读版
SAP UI5 应用元数据文件 manifest.json 的加载和解析原理讲解试读版
|
编译器 程序员 C语言
C++入门(内容补充)
之前给大家更新了一系列关于C++的基础语法,那么今天小编再给大家进行部分内容的补充,然后我们马上就会进入类有关内容的介绍。
67 0
|
应用服务中间件
主要介绍了解决IDEA控制台乱码的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,
主要介绍了解决IDEA控制台乱码的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,
109 0