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，而不是将请求代理到{{1}的根}。如何代理该特定请求？

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站点的代理请求

1 个答案: