1.創(chuàng)建ASP.Net Core與React.js項目（因為沒有現(xiàn)成模板，就選這個）；
image.png
2.刪除文件夾ClientApp里邊所有文件;
image.png
3.在.Net項目里邊創(chuàng)建一個Vue項目；
image.png
注：Vue創(chuàng)建項目是不允許大寫字母的，但我還是習慣大寫字母命名，所以創(chuàng)建完我就把文件夾名稱改了。
4.安裝VueCliMiddleware
image.png
5.修改Startup.cs文件；
- 添加
//Startup.cs
using VueCliMiddleware;
- 修改
//Startup.cs
//configuration.RootPath = "ClientApp/build";
configuration.RootPath = "你的Vue項目名稱/build"; //你在步驟3創(chuàng)建的Vue項目文件夾名稱
//spa.Options.SourcePath = "ClientApp";
spa.Options.SourcePath = "你的Vue項目名稱";
//spa.UseReactDevelopmentServer(npmScript: "start");
//第六個參數(shù)設置為true，強制關掉占用的ip進程，不然運行幾次就提示ip被占用
spa.UseVueCli(npmScript: "dev", port: 9098, false, ScriptRunnerType.Npm, "running at", true);
- 刪除
//Startup.cs
//app.UseHttpsRedirection(); //否則需要配置證書
6.修改項目配置
image.png
<!--<SpaRoot>ClientApp\</SpaRoot>-->
<SpaRoot>你的Vue項目文件夾\</SpaRoot>
7.取消啟用SSL；
image.png
注：如果勾選啟用 SSL，調(diào)試時頁面會出問題一直刷新。
