angular2-webpack-starter 如何将 NodeJS 服务器添加到项目中

Posted

技术标签:

【中文标题】angular2-webpack-starter 如何将 NodeJS 服务器添加到项目中【英文标题】:angular2-webpack-starter how to add NodeJS server to project 【发布时间】:2017-03-03 12:23:06 【问题描述】:

我克隆了一个 angular2-webpack-starter 项目,它运行良好;现在我想为这个项目添加一个单独的 NodeJS 服务器(我需要用 NodeJS 模拟一些数据作为后端),但不知道如何以及从哪里开始,有人可以帮忙吗?

【问题讨论】:

【参考方案1】:

这个问题已经解决,只需要在config/webpack.dev.js中配置devServer的代理即可:

module.exports = 
  entry:...,
  ...
  devServer: 
        host: 'localhost',
        port: 8086, //frontend port
        historyApiFallback: true,
        noInfo: true,
        watchOptions: 
            aggregateTimeout: 300,
            poll: 100
        ,
        outputPath: '/',
        proxy: 
            '/api/*':  //backend url prefix, some thing like '/api/users/:userId'
                target: 'http://localhost:3000', // backend host and port
                secure: false
            
        
    
;

【讨论】:

以上是关于angular2-webpack-starter 如何将 NodeJS 服务器添加到项目中的主要内容,如果未能解决你的问题,请参考以下文章

Typings 与 @types NPM 范围

Webpack / typescript 要求有效,但导入无效

如何让 webpack 和 iis express 协同工作?

Angular2 webpack:如何导入引导 css

如何在 angular 2 webpack starter 中使用猫鼬类型

Angular2-Webpack-Typescript - 3rd 方库