时间戳

首页 > 解决方案 > Vue JS axios HTTP500 内部服务器

vue.js - Vue JS axios HTTP500 内部服务器

问题描述

我创建了一个 Asp.Net Core Web API 并使用邮递员检查了它是否正常工作。我已经从这个博客下载了 GitHub 项目：https ://paweljw.github.io/2017/09/vue.js-front-end-app-part-3-authentication/ 我已经修改了 src/backend/ 中的 url vue-axios/axios.js 到我的 web api url 无论我做什么，我得到的都是：HTTP500：服务器错误 - 服务器遇到了一个意外情况，阻止它完成请求。(XHR) 选项 - http://localhost:61783/api/token

我在 Web API Token 方法上设置了一个断点，它永远不会被击中。

有想法该怎么解决这个吗？

标签： vue.jsaxiosasp.net-core-webapi

解决方案

终于破解了，一直都是CORS！

services.AddCors(options =>
        {
            options.AddPolicy("AllowAllHeaders",
                  corsbuilder =>
                  {
                      corsbuilder.AllowAnyOrigin()
                                 .AllowAnyHeader()
                                 .AllowAnyMethod()
                                 .WithOrigins("http://localhost:8080");   
                  });
        });

WithOrigins 帮助了

并使用控制器上的策略启用 cors [EnableCors("AllowAllHeaders")]

推荐阅读