在進行Vue項目開發后,我們可能需要將其部署到.Net Core Web Api中,下面將介紹如何實現這一過程。
1. 新建.Net Core Web Api工程,添加vue項目文件夾。
2. 在Vue項目文件夾下運行命令行工具,執行npm run build命令進行項目打包。
npm run build
3. 將打包后的文件復制到.Net Core Web Api的wwwroot文件夾中。
// 將dist文件夾下的所有文件復制到wwwroot文件夾下 xcopy dist wwwroot /s/e
4. 修改.Net Core Web Api中Startup.cs文件中的Configure方法,增加對靜態文件的使用:
app.UseStaticFiles(); // 顯式地使用靜態文件,以便能夠訪問wwwroot文件夾下的文件 app.UseMvc(); // 使用MVC中的路由
5. 在.Net Core Web Api中添加對index.html的訪問路由:
[HttpGet] public IActionResult Index() { return PhysicalFile(Path.Combine(Directory.GetCurrentDirectory(), "wwwroot", "index.html"), "text/html"); }
6. 啟動.Net Core Web Api并訪問對應路由即可查看Vue項目在.Net Core Web Api中的部署效果。
下一篇net vue框架