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

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

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


  • SAP UI5 应用开发教程之十 - 什么是 SAP UI5 应用的描述符 Descriptor
  • SAP UI5 应用开发教程之一百三十三 - SAP UI5 应用元数据文件 manifest.json 的加载和解析原理讲解


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

26d03fe6d660c917500b0057d8fbaf84.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.

e41b3c8942f85047301368f149c3b4fb.png

这个问题有点怪,明明应该从 localhost:8080 目录下去加载我们 SAP UI5 应用的 manifest.json 文件,为什么运行时实际上从这个错误的地址

https://sapui5.hana.ondemand.com/resources/singleFile/manifest.json?sap-language=EN 去加载了呢?

48978d7df758982e3049131cff67ff29.png

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


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

相关文章
|
2天前
|
JSON 关系型数据库 数据库
【python】Python将100个PDF文件对应的json文件存储到MySql数据库(源码)【独一无二】
【python】Python将100个PDF文件对应的json文件存储到MySql数据库(源码)【独一无二】
【python】Python将100个PDF文件对应的json文件存储到MySql数据库(源码)【独一无二】
|
2天前
|
JSON 关系型数据库 数据库
【python】Python将100个PDF文件对应的json文件存储到MySql数据库(源码)【独一无二】
【python】Python将100个PDF文件对应的json文件存储到MySql数据库(源码)【独一无二】
|
1天前
|
JSON 前端开发 JavaScript
jQuery ajax读取本地json文件 三级联动下拉框
jQuery ajax读取本地json文件 三级联动下拉框
|
2天前
|
安全 JavaScript 前端开发
Angular 配置文件 tsconfig.lib.json 里的 strictTemplates 选型
Angular 配置文件 tsconfig.lib.json 里的 strictTemplates 选型
8 0
|
2天前
|
Web App开发 存储 JSON
Chrome插件开发(一)—manifest.json文件介绍
Chrome插件开发(一)—manifest.json文件介绍
10 0
|
2天前
|
JSON JavaScript 前端开发
vue的 blob文件下载文件时,后端自定义异常,并返回json错误提示信息,前端捕获信息并展示给用户
vue的 blob文件下载文件时,后端自定义异常,并返回json错误提示信息,前端捕获信息并展示给用户
|
2天前
|
前端开发
【专栏】在前端开发中,package.json 文件是项目的重要配置文件,其中包含了许多与项目相关的信息和设置
【4月更文挑战第29天】`package.json`的`proxy`字段用于配置开发环境中的代理服务器,解决跨域问题并模拟后端响应。它是字符串类型,值为代理服务器地址。主要应用场景包括前端跨域请求和本地调试。配置时在`package.json`顶层添加`proxy`字段,如`"proxy": "http://localhost:8080"`。该配置仅在开发环境中生效,生产环境需另寻解决方案。
|
2天前
|
JSON 前端开发 JavaScript
Vue+Axios+SpringBoot后端同时接收文件和json作为请求参数
Vue+Axios+SpringBoot后端同时接收文件和json作为请求参数
39 0
|
2天前
|
存储 JSON 数据格式
python读取同路径下的json文件,并解析
使用Python的`json`模块读取和解析JSON文件,首先导入json模块,再用`open()`结合`json.load()`读取文件内容到`data`。通过字典和列表语法访问JSON数据,如`data['name']`获取名字,`data['items']`获取列表,可循环遍历列表元素。
17 0
|
2天前
|
JavaScript 前端开发 开发者
Angular 项目里 tsconfig.schematics.json 文件的作用
Angular 项目里 tsconfig.schematics.json 文件的作用
10 0

热门文章

最新文章