# Flutter-Web-Demo

**Repository Path**: littleandy/flutter-web-demo

## Basic Information

- **Project Name**: Flutter-Web-Demo
- **Description**: Flutter Web端调研
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2021-05-28
- **Last Updated**: 2022-06-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 该项目主要是测试一些插件在Web中的适用性
## 目前遇到的主要问题以及解决方法
### 1、跨域问题
参考[cors.dart](https://gitee.com/littleandy/flutter-gesture-demo/blob/master/lib/server/cors.dart)文件，将TargetUrl设置成需要访问的服务器，将LocalHost设置成'localhost'，再将LocalPort设置成本地未使用的任意端口号，接下去在终端中运行dart cors.dart文件，将会在本地启动一个服务，最后将本地调用的服务器地址全部改成'localhost:设置的端口号'，即可解决跨域问题。  
参考文章：[Flutter Web 跨域问题解决方案](https://juejin.cn/post/6844904080179986440)  

### 2、调试问题
直接在VSCode中运行，只能在本地电脑中访问localhost，通过本机IP域名访问是无效的，需要通过下面命令，运行于自定义的ip和端口上  
flutter run -d chrome --web-hostname 192.168.28.109 --web-port 8888  
参考链接：  
[flutter - 从真实的移动浏览器访问flutter localhost](https://www.coder.work/article/7448494)  
[How to get Flutter web to listen on 127.0.0.1](https://stackoverflow.com/questions/60415124/how-to-get-flutter-web-to-listen-on-127-0-0-1)