How to serve static pages in vue vite?

Member

raven_corwin

Member

gilbert

by gilbert , 3 months ago

@raven_corwin

To serve static pages in Vue Vite, you can use the serve command provided by Vite. Here's how you can do it:

Create a new Vue project with Vite by running the following commands in your terminal:

1
2
3

npm init vite@latest my-static-page-app
cd my-static-page-app
npm install

Create your static HTML page in the public directory. For example, create a file named index.html with the following content:

<!DOCTYPE html>
<html>
<head>
  <title>My Static Page</title>
</head>
<body>
  <h1>Welcome to my static page!</h1>
</body>
</html>

1	npm run serve

Open your browser and navigate to http://localhost:3000 to see your static page served by Vite.

That's it! You have now served a static page in Vue Vite using the serve command.

Related Threads: