继续返回401 Status = Bearer error="invalid_token"，error_description=“签名无效”

Question

大家好，已经6个小时了，我正在努力解决这个问题。

我有以下项目：

• 客户端应用程序:使用axios库的ReactJS
• Server App：.NET Core用于授权和实现JWT

问题：

当试图使用axios向后端发送

• 请求，并将jwt附加到头部时，我总是尝试使用postman完美地使用
  • ！

  ！

My的尝试：

• 我尝试将cors添加到我的api中，并允许每个源文件、每个头、每个方法仍然不起作用。

使用axios：从ReactJS发送请求：

async function getAllUserTasks() {
    try {
      return axios({
        method: "get",
        url: "http://localhost:5133/todo/ToDos",
        headers: {
          Authorization: `Bearer ${localStorage.getItem("jwtToken")}`,
        },
        body: {
          userId: JSON.stringify('924BF80F-F394-4927-8DCC-A7B67AFA663C')
        },
        

      });

    } catch (error) {
      console.log(error);
    }
  }

  //call the function one time
  useEffect(() => {
    getAllUserTasks();
  }, []);

在应用程序中为JWT配置.NET：

services.AddAuthentication(defaultScheme: JwtBearerDefaults.AuthenticationScheme)
                    .AddJwtBearer(options => options.TokenValidationParameters = new TokenValidationParameters()
                    {
                        ValidateIssuer = true,
                        ValidateAudience = true,
                        ValidateLifetime = true,
                        ValidateIssuerSigningKey = true,
                        ValidIssuer = jwtSettings.Issuer,
                        ValidAudience = jwtSettings.Audience,
                        IssuerSigningKey = new SymmetricSecurityKey(
                            Encoding.UTF8.GetBytes(jwtSettings.Secret))

                    });

策略和cors的My配置：

services.AddCors(o => o.AddPolicy("MyPolicy", builder =>
                {
                    builder.WithOrigins("http://localhost:3000", "http://localhost:3000/")
                           .AllowAnyMethod()
                           .AllowAnyHeader();
                }));

这真是令人沮丧！

Answer 1

尝试post请求，并从请求定义之外的本地存储中获取令牌。我想其中一个会解决你的问题。