react axios 跨域问题

发布时间：2020-12-15 20:27:32 所属栏目：百科来源：网络整理

导读：周末又是补充知识点的时候了，用了react axios 跨越问题，貌似是要比vue 稍微麻烦一点它请求 http 好像是没有问题的，但是 https 还是有跨域问题的，我用的刚好是create-react-app 这个搭建的react 项目，你必须要确保运行了 npm run eject， ? ? 把你的w

周末又是补充知识点的时候了，用了react axios 跨越问题，貌似是要比vue 稍微麻烦一点

它请求http好像是没有问题的，但是https还是有跨域问题的，

我用的刚好是create-react-app 这个搭建的react 项目，你必须要确保运行了npm run eject，

? ? 把你的webpack暴露出来，好了接着在?package.json 配置下面这段话：

? ? 当然是在末尾加入就行了

 "proxy": {
    "/*": {
      "target": "https://douban.uieee.com","changeOrigin": true
    }
  }

这样还没有解决跨越问题，还必须在axios 文件创建请求判断：

import axios from ‘axios‘
let baseUrl = ‘https://douban.uieee.com‘;

if (process.env.NODE_ENV === ‘development‘) {
    baseUrl = ‘http://localhost:3000‘;
} else {
   // baseUrl = ‘http://localhost:3000‘;
}
// export const baseUrl = ‘http://localhost:3000‘;
let $axios = axios.create({
    baseURL: baseUrl + ‘/v2/movie‘,timeout: 10000,responseType: ‘json‘,headers: {
        ‘Content-Type‘: ‘application/x-www-form-urlencoded; charset=utf-8‘,}
});

我是结合Promise 请求数据的这样你就可以在解决跨区问题了,正式环境就配置正式的环境。

好了，7月了，希望7月对我好点，继续加油!? ?

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!