Vue.js热重载加载..apache？

Question

所以我的后端是基于PHP的（processwire），由值得信赖的旧MAMP（localhost:8888/mysite）提供服务。我也想从同一台服务器上提供我的vue.js应用程序。

npm run dev在localhost:8080上启动本地服务器，该服务器用于执行前端内容，热重新加载以及所有内容。

使用npm run build我可以构建我的应用程序，以便可以从MAMP提供。

但是如何通过MAMP进行热重新加载以便我可以通过apache继续开发（使用localhost:8888/mysite）？这可能吗？

谢谢你！

Answer 1

您需要webpack中的dev-server才能使其运行。

但你可以使用apache作为它的代理。可能这可行（假设Apache的webpack-dev-server运行在localhost:8080

ProxyPass        /mysite http://localhost:8080/mysite
ProxyPassReverse /mysite http://localhost:8080/mysite

所以棘手的部分是告诉Webpack到/mysite下的服务器。这取决于你的配置。如果您来自Vue webpack模板（使用vue-cli生成），则assetsPublicPath

中有/config/index.js

Answer 2

我尝试过但无法通过Apache代理来加载热量。另一种方式并不是那么难，在webpack.config.js：

proxy: {
      '/mysite/api/**': {
        target: 'http://localhost:8888',
        secure: false,
        "changeOrigin": true
      }
    }