Angular Dart - 如何为 Angular Dart 应用程序创建代理服务器？

Question

我想为我的 angular-dart 应用程序创建一个代理服务器，每当我刷新浏览器并且路由与 root 不同时，它会将我重定向到 index.html。例如，如果 url 是：http://localhost:8080/users 并且我点击了刷新按钮，我想被重定向到 http://localhost:8080 或 http://localhost:8080/index.html。

此外，能够连接到第三方服务器应用程序将非常有用。换句话说，我想运行pub serve 和在localhost:9000 上运行的第三方服务器（python、php 或 java）

Answer 1

为此，我们可以使用下一个代码：

import 'dart:convert';
import 'dart:io';
import 'package:shelf/shelf.dart';
import 'package:shelf/shelf_io.dart';
import 'package:shelf_proxy/shelf_proxy.dart';
import 'package:shelf/src/message.dart' show getBody;

main() async {
  _startPubServe();
  var server = await serve(handler, 'localhost', 9080);
  print('Proxying at http://${server.address.host}:${server.port}');
}

handler(Request request) {
  // redirects all the `api` calls to the third party server
  print('request.url.path: ${request.url.path}');
  if (request.url.path.startsWith('api')) {
    print('proxying to: http://localhost:3333/api');
    return proxyHandler('http://localhost:3333/api')(request);
  }

  // redirects all files to default `pub serve` path
  var handler = proxyHandler('http://localhost:8080');
  if (new RegExp(r'\.(css|dart|html|png|ttf|otf|TTF)$').hasMatch(request.url.path)) {
    print('proxyiing to: http://localhost:8080');
    return handler(request);
  }

  // redirect all the routes to `index.html`
  print('proxying to: http://localhost:8080/index.html');
  return handler(new Request(
      request.method,
      Uri.parse('http://localhost:8080/index.html'),
      protocolVersion: request.protocolVersion,
      headers: request.headers,
      handlerPath: request.handlerPath,
      body: getBody(request),
      encoding: request.encoding,
      context: request.context));
}

// starts `pub serve` when running this server
_startPubServe() async {
  String executable = Platform.isWindows ? 'pub.bat' : 'pub';
  var process = await Process.start(executable, ['serve', '--port', '8080']);
  process.stdout.transform(UTF8.decoder).listen(print);
}