axios可以解决跨域访问的问题吗？

跨源资源共享标准通过新增一系列 HTTP 头，让服务器能声明哪些来源可以通过浏览器访问该服务器上的资源。另外，对那些会对服务器数据造成破坏性影响的 HTTP 请求方法（特别是 GET 以外的 HTTP 方法，或者搭配某些MIME类型的POST请求），标准强烈要求浏览器必须先以 OPTIONS 请求方式发送一个预请求(preflight request)，从而获知服务器端对跨源请求所支持 HTTP 方法。在确认服务器允许该跨源请求的情况下，以实际的 HTTP 请求方法发送那个真正的请求。服务器端也可以通知客户端，是不是需要随同请求一起发送信用信息（包括 Cookies 和 HTTP 认证相关数据）。

出自 HTTP访问控制(CORS)

解决方案如果 server 端也支持简单请求（见下方定义），特别是 axios POST请求时，默认使用 JSON 格式，改成 string 问题就解决了！官方推荐的修改方法；如果 server 端只支持 JSON 格式的 POST 请求，看看能不能修改 server 的配置，让它支持 OPTIONS，参考资料；如果 server 改不了，那就又只能自己写代理了。

简单请求：1. 只使用 GET, HEAD 或者 POST 请求方法。如果使用 POST 向服务器端传送数据，则数据类型(Content-Type)只能是 application/x-www-form-urlencoded, multipart/form-data 或 text/plain中的一种。2. 不会使用自定义请求头（类似于 X-Modified 这种）。

崔创

41

发布于 2017-07-28

跨域post实例，用到了qs组件来避开ajax信使请求，并兼容Android。

import axios from 'axios';
import qs from 'qs';

axios.post('http://www.xyz.com/request', qs.stringify(params))
.then(response => {
  console.log(response);
})
.catch(err => {
  console.log(err);
});

================== 这个很管用

Coooooooool

1.1k

发布于 2016-12-02

你需要这个：https://bird.ioliu.cn

木木

1

发布于 2017-09-11 新手上路，请多包涵

我遇到这个问题，前台不知道他们怎么设置的。后台代码贴出来给你们看看；问题解决了；
List<PubXtzdBo> pubXtzdBos = pubXtzdService.getPubXtzdNodesById(481L, null, 1);

    
    String data = JsonUtil.toJsonNonNull(pubXtzdBos);
    
    OutputStream out = response.getOutputStream(); 
    
    out.write(data.getBytes("UTF-8"));//以UTF-8进行编码  
    
    response.setHeader("Access-Control-Allow-Origin", "*");
    //告诉浏览器编码方式  
    response.setHeader("Content-Type","text/html;charset=UTF-8" );