Static files resolved by nuxt | Nuxt | Page 1

wheat light Jan 8, 2024, 9:35 PM

#

Hi. Does anyone know how to make static files to not be resolved by Nuxt?
Because on same domain we have separate endpoint that responded with static files, also to work locally with that I'm proxying this url.
For example: <img src="/static/images/someimg.webp" />. For now Nuxt returns error Internal server error: Failed to resolve import "/static/images/someimg.webp" from "pages/index.vue". Does the file exist?

In project driven with clean Vite build it works ok, no any issue, because it's not assets directory. Also I can replace this url with any other at build step depending on environment.

Thanks for help 😁

storm lance Jan 8, 2024, 10:43 PM

#

add a server route

#

https://github.com/L422Y/nuxt-example-local-uploads - you could adapt the server route here to do whatever/serve from wherever

wheat light Jan 8, 2024, 10:53 PM

#

Thanks. But I'm looking for static src in img and other media elements. I don't wanna set src bindings for just static string 🙂

storm lance Jan 8, 2024, 10:54 PM

#

"we have separate endpoint that responded with static files"

#

i thought you were just trying to avoid the nuxt page error?

wheat light Jan 8, 2024, 10:55 PM

#

this error. It's just example.

storm lance Jan 8, 2024, 10:56 PM

#

ahh

wheat light Jan 8, 2024, 10:56 PM

#

this happens because of transforming each src, srcset css url() to resolve as module

storm lance Jan 8, 2024, 10:56 PM

#

:src="`/static/images/someimg.webp`" is what i do

wheat light Jan 8, 2024, 10:59 PM

#

haha, I know this hack, but putting this everywhere is not good. In vite + vue allworks fine without src binding

wheat light Jan 8, 2024, 11:33 PM

#

so, how to hack nuxt transformation to ignore some path, to not process as module ?

wheat light Jan 18, 2024, 9:51 PM

#

up

#Static files resolved by nuxt