vue项目axios请求 解决跨域问题 2种方法

前端

添加vue.config.js文件

 

【【4k小白到全栈】进阶课好看登录页面Vue3+Ts+Pinia+Axios+Vue Rouyer+SpringBoot2.7+Mybatis Plus前后端分离】https://www.bilibili.com/video/BV1x14y1Z74z?p=26&vd_source=da9319adec9f5f92ccc22db2f6108195

 

后端

 

 

response.setContentType("application/json;charset=utf-8");

response.setCharacterEncoding("UTF-8");

/* 设置响应头允许ajax跨域访问*/

response.setHeader("Access-Control-Allow-Origin", "*"); //允许所有来源访同

/* 设置请求头信息*/

response.addHeader("Access-Control-Allow-Headers", "Origin,X-Requested-With,Content-Type,Accept");

////////////////////

response.addHeader("Access-Control-Allow-Method","POST,GET");//允许访问的方式

//////////////////////////

/* 星号表示所有的异域请求都可以接受 */

response.setHeader("Access-Control-Allow-Headers", "GET,POST");