React中配置跨域

在package.json中配置代碼可以實現跨域

1、確保你自己已經使用 npm run eject 命令，這個是生成本地webpack配置文件

2、package.json中配置如下代碼

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



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

實際請求地址是：/v2/movie/、/cloudmusic/?type=song&id=

配置成功了，但是請求失敗，在axios中設置baseURL，需要設置本機的地址（項目的啓動地址），例如：http://localhost:9999

3、若使用axios，需要設置baseURL爲本地地址，例如http://localhost:9999