npm start - 使用CORS

Question

我正在使用Angular2开发一个小应用程序.在5分钟.快速入门指南 npm用于安装所需的模块并启动lite-server.后来我想在普通的网络服务器中使用该应用程序,并使用cordova构建移动应用程序.但是,我正在使用REST API来加载一些数据.如何配置lite-server来解决CORS pre-flight 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

在lite-server中没有内置选项可以做到这一点.也就是说,你可以修补它,但我真的没有看到你在这里尝试做什么......

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

npm install connect-cors

然后在lib/lite-server.js file,您可以导入模块并在以下情况下使用中间件数组:

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在请求中添加标头,您将在响应中看到CORS标头.

Answer 2

我发现http-server

http-server -o --cors