Blog Post

Modern Work App Consult Blog
6 MIN READ

How to integrate Vue.js and ASP.NET Core using SPA Extension

KazukiOta's avatar
KazukiOta
Icon for Microsoft rankMicrosoft
Jun 18, 2019
[ Spoiler ] Single Page Application(SPA) is really important technology for web apps developers. In ASP.NET Core, there is SPA integration feature. You can see it on create a new project wizard...
Updated Jun 18, 2019
Version 1.0
Scooby0344's avatar
Scooby0344
Copper Contributor
May 30, 2020

Thanks for writing this article!  When I run the app the first time it works great!  I'm noticing an issue after you change a vue file and restart the app via.  I'm getting this screen...  

 

If I close the window (stopping iisexpress).  Then start the app again via the "IIS Express" button, the app loads fine and I DON'T get the error.

 

I also noticed that my PID was different every time I change the vue file.  When I don't change the vue app and run multiple times I don't get a new PID and the app works fine.  Could that be an issue?

 

 

STEPS TO REPRODUCE

  1. Kill all PIDS associated with port 8080 so your at a fresh start.
  2. Run the app via "IIS Express" play button.  Note: looks good!
  3. Stop the app.
  4. Change some text or something in a vue file.
  5. Run the app via "IIS Express" play button.  Note the error.
  6. Stop the app.
  7. Start the app. Note:  It looks good and reflects the change made in step 4.  

One thing to note is i'm using .net core 3.1 instead of 3.0 but that shouldn't be a problem I wouldn't think.