zoukankan      html  css  js  c++  java
  • react axios 跨域问题

    周末又是补充知识点的时候了,用了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月对我好点,继续加油!   

  • 相关阅读:
    LeetCode 45 Jump Game II
    LeetCode 54. Spiral Matrix
    LeetCode 53. Maximum Subarray
    LeetCode 52. N-Queens II
    智齿的秘密
    《婚姻故事》观影笔记
    为什么在linux系统下安装anaconda的时候会报错
    pandas时间序列学习笔记
    极大似然估计和最小二乘法
    粗糙集学习笔记
  • 原文地址:https://www.cnblogs.com/yf-html/p/9251895.html
Copyright © 2011-2022 走看看