前后端跨域访问设置

前后端跨域访问设置

1.axios发起请求

main.js
import axios from 'axios'
axios.defaults.withCredentials = true;  //允许axios请求携带cookie等凭证

2.ajax的发起请求设置

xhrFields:{withCredentials:true}

2.后台配置

  //当**Credentials为true时，**Origin不能为星号，需为具体的ip地址【如果接口不带cookie,**Origin无需设成具体ip】
  response.setHeader("Access-Control-Allow-Origin", "http://IPv4:端口");
  response.setHeader("Access-Control-Allow-Credentials", "true");
  response.setHeader("Access-Control-Allow-Methods", "GET,POST,PATCH,PUT,OPTIONS,DELETE");
  response.setHeader("Access-Control-Allow-Headers", "Origin,Content-Type,Cookie,Accept,Token");

参考博客:
https://www.cnblogs.com/anai/p/4238777.html