Index.html 脚本标记值在运行时被替换
Posted
技术标签:
【中文标题】Index.html 脚本标记值在运行时被替换【英文标题】：Index.html Script Tag Values Replaced On Run 【发布时间】：2020-02-10 09:43:51 【问题描述】：我在使用 CORS 和网页时遇到问题：
网页值在页面加载之前被更改 但没有发生在任何其他页面上 我无法使用 jQuery 正确加载主页 但是具有相同脚本的所有其他页面都可以正常加载 不适用于 Chrome 但可以在本地和 Firefox 上运行 已更改 S3 CORS 配置权限，但尚未解决问题 AWS S3 存储桶 > 权限 > CORS 配置<!DOCTYPE html>
<html lang="en">
<head>
<script
type="text/javascript" crossorigin="anonymous">$(function () $.get("assets/head.html", function (data) $("head").prepend(data); ); );</script>
</head>
<body class="container">
</body>
</html>
转为：
<!DOCTYPE html>
<html lang="en">
<head>
<script
type="text/javascript" crossorigin="anonymous">$(function () $.get("https://s3-example.amazonaws.com/aws-codestar-example/public/assets/head.html", function (data) $("head").prepend(data); ); );</script>
</head>
<body class="container">
</body>
</html>
错误是：
Access to XMLHttpRequest at 'https://s3-example.amazonaws.com/aws-codestar-example/public/assets/head.html' from origin 'http://example2.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
为什么在 Chrome 读取之前源会发生变化？
【问题讨论】：
也许你应该先自己做更多的工作。 【参考方案1】：在另一个页面中编写脚本并将其链接到底部的 head 或 body 标记中。 比如：
<script src="Right the link page" type="text/javascript">
function...
</script>
</body>
或者：
<script type="text/javascript" src="Right the link page">
function...
</script>
</head>
将脚本语言写在head标签中并在底部body标签中尝试或。 如：
<script type="text/javascript">function...
</script>`
</body>
或者
<script type="text/javascript"></script>`
</head>
请删除您的浏览器历史记录，并关闭所有选项卡，然后关闭浏览器选项卡中的 URL 并运行。
【讨论】：
以上是关于Index.html 脚本标记值在运行时被替换的主要内容，如果未能解决你的问题，请参考以下文章
如果您没有 index.html，如何在 index.html 中运行脚本以做出反应
为啥我的代码中的 SQL 命令在运行时被“TODO: FUNC”替换？
Flutter web：从 Firestore 地图检索的值在添加到列表时被截断