node.js - npm start - 使用 CORS

Question

我正在使用 Angular2 开发一个小应用程序。在5min. Quickstart Guide npm 用于安装所需的模块并启动精简版服务器。稍后我想在普通的网络服务器中使用该应用程序并使用 cordova 构建移动应用程序。然而，我正在使用 REST api 加载一些数据。如何配置 lite-server 来解决 CORS 飞行前 OPTIONS 检查？我的 apache 服务器(在专用服务器上)已经配置好，但我不想提交、更新和重新编译每一个小改动。我需要一个相应的配置:

Header always set Access-Control-Allow-Origin "https://my-domain.net:12345"
Header always set Access-Control-Allow-Headers "X-Requested-With, Content-Type, Origin, Authorization, Accept, Client-Security-Token, Accept-Encoding"
Header always set Access-Control-Allow-Methods "POST, GET, OPTIONS, DELETE, PUT"
Header always set Access-Control-Max-Age "1000"

Answer 1

在精简服务器中没有内置选项可以做到这一点。也就是说，您可以修补它，但我真的不明白您在这里尝试做什么...

安装后，您可以进入node_modules/lite-server 文件夹并安装connect-cors。模块:

npm install connect-cors

然后在lib/lite-server.js 文件中，你可以导入模块并在之后的中间件数组中使用它:

var historyFallback = require('connect-history-api-fallback');
var log = require('connect-logger');
var cors = require('connect-cors'); //  <------------------
(...)

sync.init({
  port: argv.port || 3000,
  server: {
    baseDir: options.baseDir,
    middleware: [
      cors(), //  <------------------
      log(),
      historyFallback({ index: options.fallback })
    ]
  },
  files: options.files,
});

当使用以下命令启动服务器时，CORS 支持可用:

./bin/lite-server --baseDir ../../

通过在请求中添加 Origin header ，您将在响应中看到 CORS header 。