RequireJS跨域加载html模版后被转成JS问题分析及解决
2024-10-16 07:46:35
问题描述
RequireJS跨域加载HTML模版失败，例如：
在a.com域名下请求CDN域名下的模版，text.js插件会把html文件转成html.js文件去加载，由于并没有生成html.js文件，所以会404
问题原因
- 打包后部分HTML模版无法内联，原因是同一模块引入的路径不一致
- 通过XHR请求HTML模版，浏览器同源策略，无法跨域
解决方案
- 打包后内联HTML模版，无需异步加载HTML文件，需要正确配置模版引用否则无法打包成内联模版，打包配置默认是内联模版
- 打包后生产模版的JS文件，即会生成一个模版的html.js文件，里面定义的是一个模块，返回html模版字符串，通过设置打包配置参数即可optimizeAllPluginResources: true。可以跨域解析，但产生大量冗余文件，可以单独上传，不好维护。
官方文档详细说明
https://github.com/requirejs/text
最新文章
- oracle 空间大小查询
- XCode设置（怎么让代码收缩）
- 根据wsdl文件生成webservice 的.cs文件 及 生成dll C#调用
- Enterprise Library 服务问题
- Canvas使用笔记
- oracle 表空间、用户名 相关语句
- Modernizr 与 Polyfill
- 一个js加css加html完成的HTML
- android 通过post方式提交数据的最简便有效的方法
- 用U盘和iso镜像文件重装系统
- .NET平台技术体系
- 基于FFMPEG的跨平台播放器实现
- ld命令
- Tools - Atom编辑器
- Android Studio设置代理,解决检查更新gradle信息的问题
- 【转】UTF16和UTF8什么区别？
- Python数据分析入门之pandas基础总结
- 解决NSTextContainer分页时文本截断问题
- 【转】如何在VMware上安装macOS Sierra 10.12
- es6的set和get实现数据双向绑定，监听变量变化。