React：axios、proxy(服务器代理)

axios：

npm install axios --save

import React, { Component } from 'react';
import './App.css';

import axios from "axios"


class App extends Component {
  render() {
    return (
      <div className="App">
      
      </div>
    );
  }

  requestData=()=>{
    // 发送网络请求
    // 1.原生的javascrip的XMLHTTPRequest
    // 2.jquery中的ajax
    // 3.axios（比较轻量级的）

    // 不允许你跨域请求：
    // 解决：
    // 1.CORS 头缺少 'Access-Control-Allow-Origin'）
    // 2.利用 jsonp
    // 3.服务器代理 proxy
    axios.get("/api/test?name=zhagnsan&age=18").then(function(res){
      console.log(res.data);
    }).catch(function(err){
      console.log(err);
    })
  }
}

export default App;

proxy：（配置在package.json中）

配置单个跨域
"proxy": {
    "/*": {
        "secure": false,//若是https可以添加，也可以不添加，不添加也行
        "target": "https://api.douban.com",//请求接口地址
        "changeOrigin": true
    }
}

或：
"proxy": "https://api.douban.com"
 
 
 
配置多个跨域
"proxy": {
    "/v2": {
        "secure": false,
        "target": "https://api.douban.com",
        "changeOrigin": true
    },
    "/cloudmusic": {
        "secure": false,
        "target": "https://api.imjad.cn",
        "changeOrigin": true
    }
}