如何解决前端使用Axios时的跨域问题

access-control-allow-origin: *  // 或指定具体域名
access-control-allow-methods: get, post, put, delete
access-control-allow-headers: content-type, authorization

module.exports = {
  devserver: {
    proxy: {
      '/api': {
        target: 'http://your-api-server.com',
        changeorigin: true,
        pathrewrite: {
          '^/api': ''
        }
      }
    }
  }
}

"proxy": "http://your-api-server.com"

axios.jsonp('http://example.com/api')
  .then(response => {
    console.log(response);
  });

axios.get('http://example.com/api', {
  headers: {
    'content-type': 'application/json',
  },
  withcredentials: true  // 如果需要携带cookie
})
.then(response => {
  console.log(response);
});

location /api/ {
  proxy_pass http://your-api-server.com/;
  proxy_set_header host $host;
  proxy_set_header x-real-ip $remote_addr;
}