webpack如何在开发环境下设置网页代理

Question

我现在是根据vue-cli模板修改的多页面应用下，如何修改webpack的配置，使得我在npm run dev的时候，我的网页都可以是在后台php的路由渲染下。

然后假如可以实现的话，那这时候我访问页面应该还是那个localhost:8080还是php的路由地址呢？

Answer 1

http://webpack.github.io/docs...

devServer 下 proxy 字段可以设置代理

// In webpack.config.js
{
  devServer: {
    proxy: {
      '/api': {
        target: 'https://other-server.example.com',
        secure: false
      }
    }
  }
}

Answer 2

巧了，我明天就打算写一篇用webpack生成PHP模板的文章。

我认为，如果后端是已经做好了，模板变量也已经准备好了，那自然是用PHP环境来调试开发更为合理，毕竟这才是你最终想要的产物。

Answer 3

我觉得最简单的办法是用nginx做前端，反向代理到webpack-dev-server，这样php和前端代码就能跑在同一个端口上了，我这边java就是这么做的