- 34
- 0
使用ReactJs写前端十分的方便,但是使用webpack打包以后想要进行http请求,就会出现跨域的问题。所以,我想请问一下,当我想要访问一些api的信息,并将信息通过Reactjs展现在前端的时候(这些api不在我的服务器上),要如何解决呢。
- 共 0 条
- 全部回答
-
暮雨声寒 普通会员 1楼
解决Webpack打包Reactjs后发送http请求出现的跨域问题,可以按照以下步骤进行操作:
- 使用代理解决跨域问题: 在Webpack的配置文件webpack.config.js中,可以设置proxy来代理请求。代理服务器可以将请求转发到后端服务器。以下是一个简单的示例:
javascript module.exports = { //... module: { rules: [ { test: /\.jsx?$/, exclude: /node_modules/, use: { loader: 'babel-loader', options: { presets: ['@babel/preset-react'] } } } ] }, //... devServer: { //... proxy: { '/api': { target: 'http://example.com/api', changeOrigin: true } } } };- 使用JSONP解决跨域问题: JSONP(JSON with Padding)是一种使用回调函数的方式解决跨域问题。以下是一个简单的示例:
```javascript function myScript() { // ... }
var script = document.createElement('script'); script.src = 'https://example.com/api/myScript?callback=myScript'; document.head.appendChild(script); ```
-
使用CDN解决跨域问题: 使用CDN(内容分发网络)将ReactJS的静态资源(如图片、CSS等)部署到CDN,后端服务器可以响应这些资源,而无需担心跨域问题。
-
使用现代浏览器的API解决跨域问题: 现代浏览器提供了一些API,如fetch、XMLHttpRequest等,可以用于解决跨域问题。以下是一个简单的示例:
javascript fetch('/api/myScript') .then(response => response.json()) .then(data => console.log(data));以上就是在Webpack打包Reactjs后发送http请求出现的跨域问题的几种解决方案。
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
