Angular2 Ng2文件上传CORS问题

2024-04-21

我是新来尝试angular2。我已经安装了 angular2 文件上传。我复制了教程中的所有代码here http://valor-software.com/ng2-file-upload/

我完全复制了开发人员在那里写的内容。但我遇到这样的问题:

XMLHttpRequest 无法加载http://localhost:8080/citizen/upload http://localhost:8080/citizen/upload。 对预检请求的响应未通过访问控制检查: 响应中“Access-Control-Allow-Credentials”标头的值 is '' 当请求的凭证模式为 '' 时,该值必须为 'true' '包括'。起源 'http://本地主机:4200 http://localhost:4200' 因此不允许 使用权。发起请求的凭证模式 XMLHttpRequest 由 withCredentials 属性控制。

我有我的CORS在我的中像这样过滤SpringBoot

@Component
public class SimpleCorsFilter implements Filter {
     @Override
     public void doFilter(ServletRequest req, ServletResponse res, FilterChain chain) throws IOException, ServletException {
        HttpServletResponse response = (HttpServletResponse) res;
        response.setHeader("Access-Control-Allow-Origin", "http://localhost:4200");
        response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE, PUT");
        response.setHeader("Access-Control-Max-Age", "3600");
        response.setHeader("Access-Control-Allow-Headers", "Origin, X-Requested-With, Authorization, Content-Type, Accept, enctype");
        chain.doFilter(req, res);
    }

在我添加 angular2 文件上传代码之前仍然没问题。怎么解决呢?


当发生跨源请求时,它首先发送一个HTTP option检查服务器是否允许跨源请求。如果您使用 Spring security,请检查您是否允许,HTTP Option未经验证就走。如果有的话添加一个像这样的过滤器

 protected void doFilterInternal(HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse, FilterChain filterChain) throws ServletException, IOException {
    httpServletResponse.addHeader("Access-Control-Allow-Origin", "http://localhost:4200");
    httpServletResponse.setHeader("Access-Control-Allow-Credentials", "true");
    httpServletResponse.addHeader("Access-Control-Allow-Methods", "GET, POST, DELETE, PUT");
    httpServletResponse.addHeader("Access-Control-Allow-Headers", "X-Requested-With, Content-Type, X-Codingpedia, Authorization");
    httpServletResponse.addHeader("access-control-expose-headers", "Authorization");

    if (!"OPTIONS".equals(httpServletRequest.getMethod())) {
        filterChain.doFilter(httpServletRequest, httpServletResponse);
    }
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Angular2 Ng2文件上传CORS问题 的相关文章

随机推荐

  • ggplot2:将面/条文本分割成两行

    考虑以下带有长面 条带文本的 ggplot2 图 断成两行 该文本超出了专门用于分面标题的区域 library ggplot2 x lt c 1 3 1 3 y lt c 3 1 1 3 grp lt c 0 0 0 1 1 1 p lt
  • Javascript:作用域链何时创建?

    我听到过两种说法 当定义函数时 In book Professional Javascript for Web Developers 3rd Edition 在里面Chapter 7 Function Expressions封闭部件 当co
  • 400 错误。需要收件人地址。卷曲

    我将 Gmail API 与curl一起使用 用户 消息 发送 https developers google com gmail api v1 reference users messages send 但我收到错误 400 需要收件人地
  • 寻找最大最小值集合

    我正在尝试编写一个 天真的或半天真的 程序 给定一组元素和许多玩家将其划分为这个数量的玩家 并且对于每个这样的划分取最小值 按总和 子集 然后 我想计算所有这些最小除法的最大值 这被称为https en wikipedia org wiki
  • 回归测试是整个测试套件还是测试样本?

    我被告知回归测试是整体测试的一个小样本 仅足以证明引入更改或新模块时没有破坏任何内容 然而 本文 http www iceincusa com 16csp content 16 smoke smkrgt htm罗恩 莫里森和格雷迪 布奇的著
  • 我必须初始化简单的类成员变量吗? [复制]

    这个问题在这里已经有答案了 快速初学者问题 Do I have初始化简单的类成员变量 或者是否保证在任何情况下都为它们分配默认值 Example class Foo int i is i 0 or do I need the followi
  • 使用 JavaScript 使文本框可编辑

    我有一个文本框readonly readonly 这意味着我无法编辑它 但我想要的是当用户双击该文本框时使其可编辑 我已经尝试过的是
  • 使用装饰器将类方法包装在 try / except 中

    我有一个通用函数 可以将有关异常的信息发送到应用程序日志 我用exception handler来自类中方法的函数 传入并由应用程序调用的应用程序日志处理程序exception handler创建一个 JSON 字符串 该字符串是实际发送到
  • 如何在 angularjs/bootstrap 中预填充对话框

    这个问题是关于使用 bootstrap css 和 javascript 的 angularjs 我有一个要显示和设置的项目列表 单击它们会打开一个对话框 允许您更改值 像这样的事情 ul li item text li ul div cl
  • 线程“main”中出现异常java.lang.UnsupportedClassVersionError,不支持的major.minor版本52.0

    我尝试在 hadoop 1 0 4 上运行 WordCount 示例 但收到以下错误 Exception in thread main java lang UnsupportedClassVersionError WordCount Uns
  • botbuilder v 4,带有下拉菜单并根据提示捕获值的动态自适应卡

    我正在使用 ms botbuilder v 4 我正在使用 webcontrol webchat js 最新 react 案例非常简单 我想在下拉列表中显示可能值的列表 值将是动态的 来自 API 我需要那里的标题和值 Id 然后 当用户选
  • 如何使“发生一个或多个验证错误”引发异常?

    我正在 Core 3 1 上运行 Web API 我的端点之一接受 JSON 其模型具有以下字段 Required 像这样的属性 public class Vendor public int ID get set Required Erro
  • 如何在.net core或.net standard项目中运行VBScript?

    我知道这是死胡同而且愚蠢的想法 但仍然 您知道在 Net Core 或 Net Standard 项目中运行 VBScript 的任何 nuget 或解决方法吗 我尝试使用 ClearScript V8 nuget https www nu
  • 在 Mako 模板中使用 from __future__ import

    I have 在我的模板文件的最顶部 我收到错误 SyntaxError from future imports must occur at the beginning of the file 这样做的正确方法是什么 你不能使用from f
  • 从android执行.bat文件

    我正在尝试执行 xxx bat 文件以从我的 Android 应用程序重命名该文件 听到的是我的代码 Runtime getRuntime exec Environment getExternalStorageDirectory File
  • 如何衡量服务器的请求和响应时间?

    我正在使用 asynctask 和 json 解析来从服务器获取响应 我如何测量请求和响应时间 以下是我的网络服务代码 任何人都可以帮助我吗 public class JSONParser static InputStream is nul
  • 为什么我的 redux 状态没有更新

    状态未更新 当调度操作时 状态应更新为 isAuthenticated 为 true 但状态未更新 redux 返回初始状态而不是更新后的状态 export function setCurrentUser user console log
  • 有什么好的 JavaScript 货币或小数类吗?

    我正在尝试处理 JavaScript 值 例如23 45 但我希望能够对这些值进行数学运算 加法 减法 乘法 除法 而不会遇到浮点问题 是的 有时我可能需要对结果进行四舍五入 但我希望它给出合理的答案 在 JavaScript 中考虑一下
  • 发送的邮件项目无效使用

    背景 The 在这里提问 https stackoverflow com questions 38405423 outlook send event class 38407819 38407819提供了进一步的解释 在这种情况下 我想知道为
  • Angular2 Ng2文件上传CORS问题

    我是新来尝试angular2 我已经安装了 angular2 文件上传 我复制了教程中的所有代码here http valor software com ng2 file upload 我完全复制了开发人员在那里写的内容 但我遇到这样的问题