将静态文件上传到 aws 后,Summernote 图标未加载

Posted

技术标签:

【中文标题】将静态文件上传到 aws 后,Summernote 图标未加载【英文标题】:Summernote icons are not loading after upload static files to aws 【发布时间】:2021-10-04 21:32:13 【问题描述】:

我将我的静态文件上传到了 aws s3 存储桶。 font awesome css 文件未加载。而且在管理页面中也可以正常加载。但是summernote中的图标在管理页面中不起作用。管理页面的图片。控制台中的错误是 "The server respond with a status of 403 (Forbidden)" 提前帮助谢谢, 迪宁杜。

【问题讨论】:

【参考方案1】:

我遇到了和你类似的问题。登录 AWS 控制台后转到 here

在 CORN 设置中添加以下代码。

<?xml version="1.0" encoding="UTF-8"?>
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
<CORSRule>
    <AllowedOrigin>*</AllowedOrigin>
    <AllowedMethod>GET</AllowedMethod>
</CORSRule>
</CORSConfiguration>

这对我有用。

【讨论】:

这行不通你还有其他选择吗 你可以将这些添加到头文件&lt;link href="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.css" rel="stylesheet"&gt; &lt;link href="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.1/summernote.css" rel="stylesheet"&gt; @Jafoor 我将它添加到我的 index.html 但它不起作用。我认为因为它不是管理页面的 html 文件。所以你知道我怎样才能找到的 html 文件管理页面。 @Jafoor 你有这个 xml 代码的 json 格式吗。因为我认为它会起作用 [ "AllowedHeaders": [ "Content-*", "Authorization" ], "AllowedMethods": [ "GET" ], "AllowedOrigins": [ "*" ], "ExposeHeaders": [], "MaxAgeSeconds": 3000 ] 你可以用这个。对不起,代码形成。

以上是关于将静态文件上传到 aws 后,Summernote 图标未加载的主要内容,如果未能解决你的问题,请参考以下文章

尽管将 AWS 静态文件路径添加到 CORS_ORIGIN_WHITELIST django-cors-headers,但出现 403 错误

将静态文件上传到 aws s3 存储桶后,css 中的 URL 不起作用

图片上传到 Summernote 编辑器中的文件夹

Summernote 显示已上传到文件夹的图像

带有 Summernote 的 CodeIgniter - 无法将图像上传到数据库

summernote vue html编辑器不会将图像上传到服务器