flutterWeb 请求跨域问题

项目安装shelf_proxy依赖库

地址：https://pub.dev/packages/shelf_proxy
虽然start数不多，但是是dart官方提供的包，请放心食用！

在lib目录下新建proxy.dart文件

import 'package:shelf/shelf_io.dart' as shelf_io;
import 'package:shelf_proxy/shelf_proxy.dart';
//前端页面访问本地域名
const String host = 'localhost';
//前端页面访问本地端口号
const int port= 8080;
//proxy域名或IP地址
const String TargetUrl = 'http://merlion.vip.com';Future main() async {var server = await shelf_io.serve(proxyHandler(TargetUrl),host,port,);// 添加跨域头server.defaultResponseHeaders.add('Access-Control-Allow-Origin', '*');server.defaultResponseHeaders.add('Access-Control-Allow-Credentials', true);print('Serving is running at http://${server.address.host}:${server.port}');
}

命令行启动代理服务

命令行输入

dart ./lib/proxy.dart
Serving  is running at http://localhost:8080
启动dart本地代理服务

查看请求是否正常

flutterWeb 请求跨域问题解决方案相关推荐

前端常见跨域问题解决方案
前端常见跨域解决方案(全) 什么是跨域? 跨域是指一个域下的文档或脚本试图去请求另一个域下的资源,这里跨域是广义的. 广义的跨域: 1.) 资源跳转: A链接.重定向.表单提交 2.) 资源嵌入: & ...
JSON Web Token（缩写 JWT）目前最流行、最常见的跨域认证解决方案，前端后端都需要会使用的东西
JSON Web Token(缩写 JWT)是目前最流行,也是最常见的跨域认证解决方案.无论是咱们后端小伙伴,还是前端小伙伴对都是需要了解. 本文介绍它的原理.使用场景.用法. 关于封面:这个冬天你过 ...
跨域学习笔记2--WebApi 跨域问题解决方案：CORS
自己并不懂,在此先记录下来,留待以后学习... 正文前言:上篇总结了下WebApi的接口测试工具的使用,这篇接着来看看WebAPI的另一个常见问题:跨域问题.本篇主要从实例的角度分享下CORS解决跨 ...
浏览器跨域访问解决方案
浏览器跨域访问解决方案 2015年11月4日 18972次浏览跨域的概念跨域大家都知道,不同地址,不同端口,不同级别,不同协议都会构成跨域.例如:about.haorooms.com和www.ha ...
关于Ajax跨域的解决方案
关于Ajax跨域的解决方案和一些个人理解 Ajax跨域的原因 Ajax跨域的解决方案 Ajax跨域的原因浏览器限制跨域(协议.主机名.端口有一个不同就会产生跨域) xhr请求(XMLHttpReq ...
干掉Session？这个跨域认证解决方案真的优雅
用户登录认证是 Web 应用中非常常见的一个业务,一般的流程是这样的: 客户端向服务器端发送用户名和密码服务器端验证通过后,在当前会话(session)中保存相关数据,比如说登录时间.登录 IP 等 ...
Web应用跨域访问解决方案
Web应用跨域访问解决方案 Web应用的跨域访问解决方案 Web跨域访问解决方案做过跨越多个网站的Ajax开发的朋友都知道,如果在A网站中,我们希望使用Ajax来获得B网站中的特定内容,如果A网站与 ...
*uni-app之H5端跨域问题解决方案
场景:跨域问题只存在于浏览器端 ,App和小程序不存在跨域问题. 产生原因:由于uni-app是标准的前后端分离模式开发h5应用时如果前端代码和后端接口没有部署在同域服务器,就会被浏览器报跨域. 前 ...
Ajax跨域及解决方案
了解跨域之前,我们要了解浏览器的同源策略同源策略(英文全称 Same origin policy)是浏览器提供的一个安全功能通俗的理解:浏览器规定,A 网站的 JavaScript,不允许和非同源 ...

flutterWeb 请求跨域问题解决方案

flutterWeb 请求跨域问题

项目安装shelf_proxy依赖库

在lib目录下新建proxy.dart文件

命令行启动代理服务

查看请求是否正常

flutterWeb 请求跨域问题解决方案相关推荐

最新文章

热门文章