如何解决 "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 with MIME type application/json. See https://www.chromestatus.com/feature/5629709824032768 了解更多详细信息。

Answer 1

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

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

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

这里是 link 文档以获取更多详细信息

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

How to fix "Cross-Origin Read Blocking (CORB) blocked cross-origin response with MIME type application/json." issue?

vue.js

axios

laravel-5.6