Vue DevTools(Chrome) Not Recognizing Base Path in Vite Project

[DrBearZay]

Description:

I am working on a project with a monorepo structure, and I'm using Vite for development. My project is configured with a base path of /data-panel/ in Vite, which works fine for the application itself. However, when I try to use Vue DevTools Chrome Extension, it seems not recognize the base path (/data-panel/), and the paths for assets and Vue components are incorrect, leading to errors.

network response: The server is configured with a public base URL of /data-panel/ - did you mean to visit /data-panel/__open-in-editor?file=C:/Users/Administrator/Desktop/business/data-panel-front/data-panel/src/components/business/mobile/BusinessIndexCardMobileV2.vue instead?

[dongj0316]

I also have the same problem

[DrBearZay]

Is the issue I mentioned earlier really a bug? I briefly reviewed the code and couldn't find any similar functionality. I have now resolved it using the following approach:

https://devtools.vuejs.org/getting-started/open-in-editor#customize-request

window.VUE_DEVTOOLS_CONFIG = { openInEditorHost: import.meta.env.BASE_URL, };