代理从 webpack 开发服务器到 .net MVC 站点的请求

Question

我想将 Vue 集成到我的 .net MVC 项目中。我使用 CLI 安装了 Vue 并添加了以下 vue.config.js:

module.exports = {
  devServer: {
    proxy: {
      '/': {
        target: 'http://mvcsite.local',
        changeOrigin: true
      }
    },
    disableHostCheck: true
  },
  runtimeCompiler: true
};

代理工作正常，除了对根http://localhost:8080（开发服务器运行所在）的请求服务于 Vue 生成的 index.html，而不是将请求代理到根http://mvcsite.local。我如何代理该特定请求？

Answer 1

如您的评论所述，github 上有一个未解决的问题，因此目前似乎没有解决办法。就我而言 (ASP.NET MVC 4) 我使用变通方法解决了问题。我只是将根目录移动到开发环境中的/Home。当然，您的服务器后端必须支持这种情况，但这通常是较小的问题。我为 @vue/cli 3 工作的 vue.config.js 看起来像这样：

module.exports = {

publicPath: "/Home",

devServer: {
    publicPath: "/Home",
    proxy:
    {
        '^/Home/*': {
            target: 'http://localhost:50353/',
            ws: true,
            changeOrigin: true
        }

    },

}

代理从 webpack 开发服务器到 .net MVC 站点的请求

Proxy requests from webpack dev server to .net MVC site

javascript

webpack

vue.js

webpack-dev-server