使用lite-server进行ng2 ​​app开发，如何使用php？

Question

我正在使用lite-server来帮助开发ng2应用程序（我是新手）。只要在项目中进行了更改，它就会在浏览器中刷新我的index.html。

但是在我处理index.php的情况下呢？在我通过LAMP堆栈提供服务之前。

在开发ng2应用程序时，如何将lite-server的易用性与php编译的需求结合起来？是否有一些配置我可以在lite-server中调整，以便它例如启动一个不同的URL（指向apache而不是localhost：3000）？我检查了自述文件，但它没有提到这样的东西，也没有找到谷歌搜索的东西。

Answer 1

更新回答

我更新了答案，因为它与代理中间件无法正常工作。我尝试了connect-modrewrite，这正在按预期工作。

首先，您需要安装这样的中间件：

npm install connect-modrewrite --save-dev

然后您可以在browserSync配置中添加如下规则：

middleware : [
    require('connect-modrewrite')([
        `^/$ ${BACKEND_HOST}${BACKEND_URI}index.php [P]`
    ])
]

旧回答

您可以添加http-proxy-middleware。有了它，应该可以将索引重写为apache索引。

您可以在此处找到向lite-server添加中间件的示例：https://github.com/johnpapa/lite-server#custom-configuration

Answer 2

我不知道是否可以提供帮助，但我也补充道：

files: [
    "*","*.*","**"
]

因为browserSync缺少重要的php文件。

因此，通常，我的bs-config.js文件如下所示：

module.exports = {
files: [
    "*","*.*","**"
],
server: {
    middleware: {
        1: require('connect-modrewrite')(['^/$ http://localhost/testing/angular2/index.php [P]'])
    }
}

};

其中http://localhost/是我的wamp服务器和testing / angular2 /我的文件夹位置，与启动lite-server相同