react axios 跨域问题
2024-09-06 16:33:27
周末又是补充知识点的时候了,用了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月对我好点,继续加油!
最新文章
- java类加载器加载文件
- Ajax&;Java
- Linux学习笔记19-ssh远程管理
- jQuery 怎么判断DIV出现在可视区域
- ACM题目————次小生成树
- C类地址
- [转] Web 前端优化最佳实践之 Mobile(iPhone) 篇
- 基于asp.net MVC 的服务器和客户端的交互(三)之客户端请求响应
- Git 推送分支
- IOS UI 第六篇:基本UI
- PHP会话控制Session与Cookie
- java反射知识相关的文章
- Python 离线工作环境搭建
- 薛兆丰吴军何帆曾鸣万维刚李笑来罗永浩等得到APP专栏作者的书23本
- PHP直接将文件流转换为字符串
- Java运行时动态加载类之ClassLoader
- ORACLE workflow审批界面显示附件信息和附件的下载链接(转)
- 【Java面试题】37 说出ArrayList,Vector, LinkedList的存储性能和特性
- [失败]SystemTap和火焰图(Flame Graph)
- 用CSS3来代替JS实现交互
热门文章
- sql server 查询存储过程返回值
- HDP-2.6.0.3
- flex布局使用方法简要汇总
- 关于Anaconda3 (64-bit)的一些体验
- Appium - multiprocessing.pool.MaybeEncodingError-【 “Can’t pickle local object ‘PoolManager.__init__.<;locals>;.<;lambda>;‘】
- ROS系统的安装以及卸载
- 第五周课程总结&;实验报告(三)
- 【Linux 网络编程】字节序和地址装换
- Python 用户交互程序(day1)
- Luogu P2839 [国家集训队]middle