Flutter web 跨域问题

背景：

用flutterweb工程做了一个产物化平台，现在想在里面去展示aar构建的信息。nexus有api可以对外来访问。通过dio去拿相应的数据即可。

问题：

80端口下面的flutter web工程访问8081端口下的nexus服务，请求失败。

http://127.0.0.1:8081/service/rest/v1/components/bWF2ZW4tcmVsZWFzZXM6Zjg5OGIzOTAzY2I5OWM1OTYyNTVjZGUzNDQ2N2Q0OGE

通过postman或者客户端可以成功拿到数据，但是flutter web的dio却不行。

DioError[DioErrorType.RESPONSE]:XMLHttpRequesterror

解决办法：

查了一下，是跨域问题导致。服务部署在nginx下面。

flutter_web工程启动后在默认的80端口上面监听。访问的8081端口部署的nexus服务中的api失败。通过nginx的配置，把8081端口的服务通过代理配置到当前路径下面。这样间接对8081的服务进行访问。

原来的访问地址变成了

http://127.0.0.1/nexus/service/rest/v1/components/bWF2ZW4tcmVsZWFzZXM6Zjg5OGIzOTAzY2I5OWM1OTYyNTVjZGUzNDQ2N2Q0OGE

刚开始发现调试无法成功，以为配置有问题，后来发现调试的时候默认不是80端口，所以还是有跨域问题，而部署到80端口后，发现能正常访问到数据了。