• Jobs
  • About Us
  • professionals
    • Home
    • Jobs
    • Courses and challenges
  • business
    • Home
    • Post vacancy
    • Our process
    • Pricing
    • Assessments
    • Payroll
    • Blog
    • Sales
    • Salary Calculator

0

1.5K
Views
Implementar la aplicación VUE en IIS

Estoy tratando de implementar una aplicación frontend VUE en IIS.
El enrutamiento funciona bien en el modo de desarrollo; sin embargo, algo parece fallar en el enrutamiento cuando alojo mi aplicación VUE en IIS. ¿Alguien puede aconsejarme cómo configurar IIS para manejar el enrutamiento de una aplicación frontend VUE (estoy usando vue-router)?

over 3 years ago · Santiago Trujillo
1 answers
Answer question

0

A continuación se muestran los pasos para implementar la aplicación vue en el servidor iis con la configuración de enrutamiento adecuada:

Configurar IIS

  • Descargar e instalar:
    Paquete de alojamiento .NET Core
    Reescritura de URL de Microsoft
  • Reinicie el servicio IIS.
  • Haga clic derecho en la carpeta Sitios y seleccione "Agregar sitio web"
    → ingrese el nombre del sitio (por ejemplo, myWebsite)
    → cree una carpeta (donde estarán los archivos de su sitio web) e ingrese la ruta de la carpeta como la ruta física del sitio web.

Genere los archivos de la aplicación VUE

  • Vaya a la carpeta del proyecto y ejecute el comando: npm run build
  • Tome los archivos en la carpeta 'dist' generada y péguelos en la ruta física de su sitio web.
  • Agregue el archivo "web.config" (abajo) en la ruta física del sitio web.

web.config

 <?xml version="1.0" encoding="UTF-8"?> <configuration> <system.webServer> <rewrite> <rules> <rule name="Handle History Mode and custom 404/500" stopProcessing="true"> <match url="(.*)" /> <conditions logicalGrouping="MatchAll"> <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" /> <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" /> </conditions> <action type="Rewrite" url="/" /> </rule> </rules> </rewrite> <httpErrors> <remove statusCode="404" subStatusCode="-1" /> <remove statusCode="500" subStatusCode="-1" /> <error statusCode="404" path="/survey/notfound" responseMode="ExecuteURL" /> <error statusCode="500" path="/survey/error" responseMode="ExecuteURL" /> </httpErrors> <modules runAllManagedModulesForAllRequests="true"/> </system.webServer> </configuration>
over 3 years ago · Santiago Trujillo Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Our process Sales
Legal
Terms and conditions Privacy policy
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recommend me some offers
I have an error