记一次跨域的问题 vue vli3.0

跨域问题的处理

1，首先明确一点跨域问题是浏览器的同源策略产生的导致，首先前端本都调试的方法就是使用代理的方式vue.congfig.js

devServer: {
    disableHostCheck:true,
    proxy: {
      '/api': {
        target: 'http://172.21.0.49:9088',
          changeOrigin: true,
          pathRewrite: {
            '^/api': ''
          }
      }
  },
  
  },

注意我这边调试了很多次，我之前用的全路径一直都是代理不成功。故做一次记。
和后端联调后端也做这个处理了：（大致思路如下）
1，添加响应的header * methods * withCredentials *
这种方式正式都可以访问了
2 但是在添加请求头后token 又显示了跨域 ，我们都用的破石头请求，post 会发送给俩次请求 就要对options坐一个允许跨域的过滤。