如何在Dart中處理跨域請求

發(fā)布時間：2024-05-07 09:39:11 來源：億速云閱讀：95 作者：小樊欄目：編程語言

在Dart中處理跨域請求通常需要設(shè)置服務(wù)器端的響應(yīng)頭來允許跨域請求。以下是一種常見的方法：

在服務(wù)器端添加如下代碼來設(shè)置響應(yīng)頭：

import 'package:shelf/shelf.dart' as shelf;
import 'package:shelf/shelf_io.dart' as io;
import 'package:shelf_cors/shelf_cors.dart' as shelf_cors;

void main() {
  var handler = const shelf.Pipeline()
      .addMiddleware(shelf_cors.createCorsHeadersMiddleware())
      .addHandler(_echoRequest);

  io.serve(handler, 'localhost', 8080).then((server) {
    print('Serving at http://${server.address.host}:${server.port}');
  });
}

shelf.Response _echoRequest(shelf.Request request) {
  return shelf.Response.ok('Request for "${request.url}"');
}

在客戶端代碼中使用CORS請求發(fā)送跨域請求：

import 'dart:io';
import 'package:http/http.dart' as http;

void main() async {
  var response = await http.get('http://localhost:8080');
  print('Response status: ${response.statusCode}');
  print('Response body: ${response.body}');
}

通過這種方式，您可以在Dart中處理跨域請求并允許來自不同域的請求訪問您的服務(wù)器端資源。您也可以根據(jù)具體的需求和情況來配置更多的CORS選項來限制或允許特定域的請求。

向AI問一下細(xì)節(jié)

如何在Dart中處理跨域請求

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽