vue.js - 如何修复 "Cross-Origin Read Blocking (CORB) blocked cross-origin response with MIME type application/json."问题？

Question

我目前正在为一个项目开发前端(VueJS)，为了测试我的登录和注册逻辑，我使用 laravel 作为后端，尽管我们实际上将使用 springboot 作为后端。我在桌面上编码，一切正常。所以我开始使用我的笔记本电脑工作。我有同样的项目，一切都是平等的。当我使用 postman 发出请求时，它工作正常，但是当我尝试使用我网站上的表单发出请求时，我收到该错误。

我到处都找过了，但还是没能解决。我尝试的一切都不起作用。而且似乎没有其他人遇到类似的问题。

跨源读取阻止 (CORB) 阻止跨源响应 http://127.0.0.1:8000/api/login MIME 类型为 application/json。请参阅https://www.chromestatus.com/feature/5629709824032768了解更多详情。

Answer 1

在vue.config.js文件中添加代理配置

module.exports = {
  devServer: {
    proxy: 'http://localhost:4000'
  }
}

这将告诉开发服务器将任何未知请求(与静态文件不匹配的请求)代理到 http://localhost:4000 .

这是一个link到文档了解更多详细信息