yisibell / nuxt-proxy-request Goto Github PK
View Code? Open in Web Editor NEWA http proxy module for nuxt(3) powered by h3-proxy.
A http proxy module for nuxt(3) powered by h3-proxy.
I'm using a proxy in my nuxt local environment, which I was hoping to deploy to Vercel. API call works nicely on my localhost, but when deployed to Vercel, I get a 403 Forbidden error. API key is all fine.
nuxt.config.js:
proxy: {
options: [
{
target: 'https://apiurl.ai/api/inference',
pathFilter: ['/api**'],
pathRewrite: {
'^/api': ''
}
}
When doing a POST request on Vercel I get the error:
[403] - POST https://myapp.vercel.app/api?access_token=xxxxxx&model_id=RR6lMmw
Unsure if this is a Vercel issue or a nuxt proxy request issue?
Any help would be great.
Hello,
With http-proxy-middleware I was able to intercept headers of a request and change them before sending them in the proxy. Unfortunately, http-proxy-middleware does not work in prod mode with Nuxt 3.7.2, so I stumled upon this module here.
Can I achieve the same with nuxt-proxy-request?
๐
Hi,
I try to use the proxy to send the trafic in 4 directions :
1- Send some trafic to domain 1 for several paths
2- Send some trafic to domain 2 for several paths
3- Send all trafic to domain 3, except for some explicitly excluded paths : homepage /
+ /blog/**
4- Implicit (Not declarative) routing, to send the rest ( homepage /
+ /blog/**
) to be managed by the Nuxt Application itself
But when i configure the proxy like this,
I see that, any Path which is not declared explicitly is sent to the Nuxt app (with a 404)
But I would like those paths to be managed by my "domain 3".
Example : when I go to : "/path-3-random" (not declared in the proxy)
I would expect domain-3.com to be used, but this is my nuxt app who is used.
And because I have no internal route for this in Nuxt : I have a 404.
Note : I want to avoid to declare explictly all the paths that my domain-3.com can manage.
Any ideas ?
Hope to be clear enough.
Thanks for any input guys.
proxy: {
options: [
// Catch Some / Path 1
{
target: "https://domain-1.com",
changeOrigin: true,
pathFilter: [
"/path-1a/**",
"/path-1b/**",
],
},
// Catch Some / Path 2
{
target: "https://domain-2.com",
changeOrigin: true,
pathFilter: [
"/path-2a/**",
"/path-2b/**",
],
},
// Catch all Except Exclusions
{
target: "https://domain-3.com",
changeOrigin: true,
pathFilter: [
'!/blog/**',
'!/**'
],
},
],
},
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.