牛骨文教育服务平台(让学习变的简单)
博文笔记

AXIOS跨域的使用

创建时间:2018-01-23 投稿人: 浏览次数:505

1、先设置后台servlet页面的参数:

response.setHeader("Access-Control-Allow-Origin", "*");
response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE");
response.setHeader("Access-Control-Max-Age", "3600");
response.setHeader("Access-Control-Allow-Headers", "Content-Type, Accept");
response.setContentType("text/json; charset=utf-8");

2、AXIOS发起请求需要加入的参数。特别注意Content-Type的值一定要’application/x-www-form-urlencoded’

由于Tomcat对于Content-Type multipart/form-data(文件上传)和application/x-www-form-urlencoded(POST请求)做了“特殊处理”。
//POST文本数据

"Content-Type": "application/x-www-form-urlencoded",

//POST文件

Content-Type multipart/form-data
axios({
   method: "post",
   url: "http://10.0.1.41:8080/KQ/userControl",
   data: {
        userid: that.postUserID,
   },
   headers: {"Content-Type": "application/x-www-form-urlencoded"},
})
 .then(function (response) {
      console.log(response);
})
.catch(function (err) {
      console.log(err);
});
声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。