Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Image path changed in when linking images in markdown content #2731

Open
tcampbPPU opened this issue Jul 25, 2024 · 2 comments
Open

Image path changed in when linking images in markdown content #2731

tcampbPPU opened this issue Jul 25, 2024 · 2 comments

Comments

@tcampbPPU
Copy link

Environment

  • Operating System: Darwin
  • Node Version: v20.12.2
  • Nuxt Version: -
  • CLI Version: 3.12.0
  • Nitro Version: -
  • Package Manager: unknown
  • Builder: -
  • User Config: -
  • Runtime Modules: -
  • Build Modules: -

Reproduction

can submit reproduction repo if needed

Describe the bug

Prior to version v2.13.0 & v2.13.1 if i added an image inside my markdown content

![Sample Image](/blog/example.png)

I would expect the file to exist like http://localhost:3000/blog/example.png
As that is how its working on v2.12.1

but now after upgrading this url is now http://localhost:3000/_ipx/_/blog/example.png

where does this /_ipx/_/blog/ path get created, is there a way to change so it works like in previous versions?

This is a breaking changes since using something like AWS CloudFront/S3 this image paths are broken

Additional context

No response

Logs

No response

@yistc
Copy link

yistc commented Aug 18, 2024

That's due to the use of @nuxt/image module. If you are not using the module, simply remove it from your nuxt.config.ts

export default defineNuxtConfig({
  modules: [
    '@vueuse/nuxt',
    // '@nuxt/image',
  ],
}

This works for me. Alternatively, maybe remove the @nuxt/image package.
I didn't find a way, though, to opt out @nuxt/content from using the package, so that I can use @nuxt/image in other cases, but not for local image linked in markdown files.

@yistc
Copy link

yistc commented Aug 19, 2024

I didn't find a way, though, to opt out @nuxt/content from using the package

Actually we can do this, by setting useNuxtImage to false in runtime config.

runtimeConfig: {
    public: {
      mdc: {
        useNuxtImage: false,
      },
    },
  },

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants