为ASP.NET Core MVC应用程序和Vue客户端设置代理开发服务器

Question

我正在尝试为ASP.NET Core web应用程序设置开发环境，该应用程序使用标准mvc身份验证和两个Vue.Js应用程序：/first-vue和/second-vue。我的目标是开发一款应用程序，该应用程序不可分割，但可完全工作，因为它将在生产中工作。对于生产，我的解决方案是将vue.config.js文件中的outputDir更改为wwwroot，但问题在于开发，因为我想使用热重载功能。

Answer 1

如果您的后端在localhost:80上工作，而您的vue应用程序在localhost:8080上工作，则可以将特定请求代理到后端前缀路由，以便开发服务器了解代理的请求

// vue.config.js
module.exports = {  
devServer: {
port: 8080,
proxy: {
"/api": {
target: "http://localhost:80"
}
}
}
}

现在，对/api/第一个vue和/api/第二个vue的请求将被代理到第80个端口