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

Question

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

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

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

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

项目用的是axios

补充:

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

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

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

谢谢回复!江湖再见!

Answer 1

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

Answer 2

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

// 接口地址改为：https://localhost:8012/api/epass-api/…… 配置如下
module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://localhost:8007/', 
        ws: true,
        changeOrigin: true
      }
    }
  }
}