Subfolder with Vue
A Vue build is static files — the /blog proxy lives on whatever serves them.
First enable Settings → Subfolder hosting in the dashboard. Then add the proxy where your Vue app is hosted:
- Hosted on Vercel → use the vercel.json from the Vercel guide.
- Hosted on Netlify → use the netlify.toml from the Netlify guide.
- Hosted on Render → add the two rewrite rules from the Render guide.
- Your own server → the Nginx or Apache guide.
- Anything else behind Cloudflare DNS → the Cloudflare Worker guide.
For local development with Vite, proxy /blog in the dev server:
vite.config.js// vite.config.js — local dev only; production proxying
// happens on your host (see the steps above)
export default {
server: {
proxy: {
"/blog": {
target: "https://you.blogcms.app",
changeOrigin: true,
rewrite: (p) => p.replace(/^\/blog/, "/_subfolder"),
},
},
},
};
On Nuxt? It can proxy natively with routeRules — see the Nuxt guide.