请教一个前端的问题,状态码返回 cors error的问题

前后端分离,前端端口8012 后端端口8007
后端服务已启动可以访问:
image.png

前端请求 http状态码直接 返回cors error

image.png

起初我以为是后台配置的跨域有问题,但是看了后台的日志 都没有显示
说明前端的请求都没有发出去
再来看下前端的请求头信息
image.png

请问这是要如何配置一下 谢谢

项目用的是axios

补充:

刚才 执行 npm run build 用nginx 代理服务 突然发现又可以了
image.png

好吧 找到问题所在了: 原因是后台加了过滤器链 然后在失败的代码里面又没有打印日志,也是自己马虎,前台返回了http 状态码就代表已经访问到了后台服务了.跟了一image.png
这个地方最开始设置的是"*",但是呢后面还有一个csrf的过滤器也用了这个字段
两个过滤器的判断呢又不一样,所以就导致了失败
一个是对通配符的判断 一个呢是对具体ip+端口的判断 所以总会有一个失败

改了一下文件的配置就好了

谢谢回复!江湖再见!

阅读 11.6k
2 个回答

你这个问题还是老生常谈的跨域问题。
怎么解决看这里怎么解决跨域

开发模式下,在 vue.config.js 文件中配置 devServer 解决跨域问题

// 接口地址改为:https://localhost:8012/api/epass-api/…… 配置如下
module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://localhost:8007/', 
        ws: true,
        changeOrigin: true
      }
    }
  }
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏