无涯教程网

Vue.js 如何修复跨域读取阻塞 (CORB) 阻止了 MIME 类型应用程序json 的跨域响应问题

发布于10月09日

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

我到处都找过了，但都没修好.我try 过的都没用.而且似乎没有其他人有类似的问题.

跨源读取阻塞(CORB)使用MIME类型的application/json阻塞跨源响应http://127.0.0.1:8000/api/login.详见https://www.chromestatus.com/feature/5629709824032768.

推荐答案

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

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

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

以下是一份link美元的文件，以了解更多细节

Vue.js相关问答推荐

复选框列未在vutify中排序

将 html 文件移出 dist vite 中的 src 文件夹

如何使用 vueJS 上的 ref( ) 函数创建二维数组定义？

保持页面重新加载之间的状态

：deep() 带有嵌套 scss 规则的语法

使用 vue / nuxt js 切换 fontawesome 图标

在 bootstrap-vue 中渲染自定义样式

两个div元素之间的vue2过渡

如何在 vue 的 scss 中使用深度 Select 器

Vue cli 3项目，图像路径中的动态src不起作用

Vue：需要禁用页面上的所有输入

可以同时使用 Tailwind css 和 Bootstrap 4 吗？

apache上的Vue-router，子目录下的SPA，只能通过重定向访问页面

使用 aria-live 在 vue.js 中向屏幕阅读器宣布信息

如何从 .vue 文件中导出多个对象

我可以在 Vue 实例方法中传播的 mapMutations 中使用this吗？

Vue 3 组合 API，如何在 setup() 函数中获取上下文父属性？

Vue.js webpack：如何获取目录中的文件列表？

如何使用 Vuetify 验证复选框组

Vue过滤器应该如何使用typescript绑定？

实用课程推荐

相关教程推荐