Flutter for web 跨域请求解决方案

最新推荐文章于 2025-03-19 11:27:21 发布

谢小片

最新推荐文章于 2025-03-19 11:27:21 发布

阅读量3.4k

点赞数

分类专栏：心得 android 文章标签： android flutter web app

本文链接：https://blog.youkuaiyun.com/xfnbing/article/details/106522916

版权

本文介绍了如何使用NodeJS服务器解决Flutter for web的跨域问题。通过在Flutter项目的web目录下配置代理服务器，将请求转发，从而避免内部局域网的跨域限制。详细步骤包括设置server.js和proxy-conf.js文件，以及创建bat脚本用于启动和构建项目。通过运行build命令，Node服务器在8000端口监听，用户可以访问localhost:8000进行跨域API请求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这里使用nodejs服务器实现跨域，原理是flutter代码直接跑到nodejs代理服务器上，这样不用内部局域网跨域，然后通过代理对应用的请求进行转发。

nodejs代码：server.js

let http  = require('http')
let fs = require('fs')
let conifg = require('./proxy-conf')


let app = http.createServer ( function(request,response){
    let url = request.url
    if(request.url!=='/favicon.ico'){//清除第二次访问
        //请求的数据是否存在代理
        for ( var key in conifg){
            if( url.indexOf(key) >-1 ){
                let info = conifg[key].target.split(':')
                console.log('info::'+info)
                let opt = {
                    protocol: info[0]+':',
                    host:    info[1].slice(2),
                    method:  request.method,//这里是发送的方法
                    path:    conifg[key].target+url,     //这里是访问的路径
                    json: true,
                    headers: request.headers

最低0.47元/天解锁文章