Vite 7.0.5, the latest iteration of the lightning-fast web development build tool, refines the developer experience with subtle but impactful improvements. Examining the differences from version 7.0.4 reveals targeted dependency updates, enhancing stability and compatibility. Notably, @oxc-project/types jumps from version 0.75.1 to 0.77.0, potentially incorporating bug fixes or new type definitions that could impact TypeScript users. The baseline-browser-mapping dependency sees an upgrade from 2.4.4 to 2.5.3, suggesting refinements in browser compatibility handling. A more significant update is noted in the rolldown dependency, progressing from 1.0.0-beta.24 to 1.0.0-beta.27, signalling ongoing enhancements and potential feature additions to this experimental Rust-based bundler. Also, the open package was updated from version 10.1.2 to 10.2.0.
While most devDependencies remain consistent, these targeted updates can collectively contribute to a smoother, more reliable build process. Existing Vite users should benefit from these incremental improvements without requiring significant code changes. However, it's always recommended to review the changelog for any breaking changes if you are relying on those packages directly. New users will appreciate a mature and actively maintained tool with a focus on speed and modern web development practices, with a build workflow that will be up to date by the time they start playing with it. Finally, the releaseDate field has been updated, potentially enhancing package management tools and allowing for more granular tracking of updates within the developer ecosystem.
All the vulnerabilities related to the version 7.0.5 of the package
Vite middleware may serve files starting with the same name with the public directory
Files starting with the same name with the public directory were served bypassing the server.fs settings.
Only apps that match the following conditions are affected:
server.host config option)The servePublicMiddleware function is in charge of serving public files from the server. It returns the viteServePublicMiddleware function which runs the needed tests and serves the page. The viteServePublicMiddleware function checks if the publicFiles variable is defined, and then uses it to determine if the requested page is public. In the case that the publicFiles is undefined, the code will treat the requested page as a public page, and go on with the serving function. publicFiles may be undefined if there is a symbolic link anywhere inside the public directory. In that case, every requested page will be passed to the public serving function. The serving function is based on the sirv library. Vite patches the library to add the possibility to test loading access to pages, but when the public page middleware disables this functionality since public pages are meant to be available always, regardless of whether they are in the allow or deny list.
In the case of public pages, the serving function is provided with the path to the public directory as a root directory. The code of the sirv library uses the join function to get the full path to the requested file. For example, if the public directory is "/www/public", and the requested file is "myfile", the code will join them to the string "/www/public/myfile". The code will then pass this string to the normalize function. Afterwards, the code will use the string's startsWith function to determine whether the created path is within the given directory or not. Only if it is, it will be served.
Since sirv trims the trailing slash of the public directory, the string's startsWith function may return true even if the created path is not within the public directory. For example, if the server's root is at "/www", and the public directory is at "/www/p", if the created path will be "/www/private.txt", the startsWith function will still return true, because the string "/www/private.txt" starts with "/www/p". To achieve this, the attacker will use ".." to ask for the file "../private.txt". The code will then join it to the "/www/p" string, and will receive "/www/p/../private.txt". Then, the normalize function will return "/www/private.txt", which will then be passed to the startsWith function, which will return true, and the processing of the page will continue without checking the deny list (since this is the public directory middleware which doesn't check that).
Execute the following shell commands:
npm create vite@latest
cd vite-project/
mkdir p
cd p
ln -s a b
cd ..
echo 'import path from "node:path"; import { defineConfig } from "vite"; export default defineConfig({publicDir: path.resolve(__dirname, "p/"), server: {fs: {deny: [path.resolve(__dirname, "private.txt")]}}})' > vite.config.js
echo "secret" > private.txt
npm install
npm run dev
Then, in a different shell, run the following command:
curl -v --path-as-is 'http://localhost:5173/private.txt'
You will receive a 403 HTTP Response, because private.txt is denied.
Now in the same shell run the following command:
curl -v --path-as-is 'http://localhost:5173/../private.txt'
You will receive the contents of private.txt.
Vite's server.fs settings were not applied to HTML files
Any HTML files on the machine were served regardless of the server.fs settings.
Only apps that match the following conditions are affected:
appType: 'spa' (default) or appType: 'mpa' is usedThis vulnerability also affects the preview server. The preview server allowed HTML files not under the output directory to be served.
The serveStaticMiddleware function is in charge of serving static files from the server. It returns the viteServeStaticMiddleware function which runs the needed tests and serves the page. The viteServeStaticMiddleware function checks if the extension of the requested file is ".html". If so, it doesn't serve the page. Instead, the server will go on to the next middlewares, in this case htmlFallbackMiddleware, and then to indexHtmlMiddleware. These middlewares don't perform any test against allow or deny rules, and they don't make sure that the accessed file is in the root directory of the server. They just find the file and send back its contents to the client.
Execute the following shell commands:
npm create vite@latest
cd vite-project/
echo "secret" > /tmp/secret.html
npm install
npm run dev
Then, in a different shell, run the following command:
curl -v --path-as-is 'http://localhost:5173/../../../../../../../../../../../tmp/secret.html'
The contents of /tmp/secret.html will be returned.
This will also work for HTML files that are in the root directory of the project, but are in the deny list (or not in the allow list). Test that by stopping the running server (CTRL+C), and running the following commands in the server's shell:
echo 'import path from "node:path"; import { defineConfig } from "vite"; export default defineConfig({server: {fs: {deny: [path.resolve(__dirname, "secret_files/*")]}}})' > [vite.config.js](http://vite.config.js)
mkdir secret_files
echo "secret txt" > secret_files/secret.txt
echo "secret html" > secret_files/secret.html
npm run dev
Then, in a different shell, run the following command:
curl -v --path-as-is 'http://localhost:5173/secret_files/secret.txt'
You will receive a 403 HTTP Response, because everything in the secret_files directory is denied.
Now in the same shell run the following command:
curl -v --path-as-is 'http://localhost:5173/secret_files/secret.html'
You will receive the contents of secret_files/secret.html.