讨论react axios 跨域访问一个或多个域名问题

发布时间:2024-04-25 点击:73
【相关文章推荐:ajax视频教程】
1.react axios 跨域访问一个域名
配置非常简单,只需要在当前的 package.json 文件里面配置:
"proxy":"http://iot-demo-web-dev.autel.com", //当然,这里是一个假地址
像这样:
import axios from 'axios'export function _user(data) { return axios.get('device/detail', data)}我这里的跨域使用的是第一张图片上的那种跨域
在你需要发送请求的地方写上以下代码:
import { _user } from '../api/user' componentdidmount() { let res = _user({}) console.log(res) }接下来咱们就能愉快的获得后台给我们的数据了
上面的那种跨域呢,可以说是非常方便,但是吧,如果后台给我们两个甚至三个不同的域名呢 怎么办,那我们就得使用插件
2.react axios 跨域访问多个域名
安装插件:npm install --save http-proxy-middleware
安装好了之后咱们是开始配置啦:
1.首先暂时运行命令将配置暴露出来
npm run ejectoryarn eject在这里你可能会遇到一个报错:
const { createproxymiddleware } = require('http-proxy-middleware')module.exports = function (app) { app.use( createproxymiddleware('/api', { target: 'http://iot-demo-web-server-dev.autel.com', changeorigin: true, }) ) app.use( '/sys', createproxymiddleware({ target: 'http://localhost:5001', changeorigin: true, }) );}找到 scripts 路径 打开 strat.js

ecs弹性云服务器计费方式
美国 域名管理权为什么要交出来?域名管理权限有什么用?
学校网站建设解决方案需要注意什么?建设费用需要多少钱?
ren域名是什么?ren域名值得投资吗?
租腾讯云服务器吗
【滁州网站建设】百度关键词优化如何更好地优化关键词?
在原来的备案号下新添加网站
专有网络vpc下云服务器ecs