\n\n\u003Cimg width=\"2032\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/c1d39d3f-9330-4896-896e-d6d381279876\" />\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3018],{"name":3019,"color":3020},"pending triage","E99695",32412,"nuxt","open","docs (nuxt 4.x): video from Vue School is not playable","2025-06-16T14:45:59Z","https://github.com/nuxt/nuxt/issues/32412",0.47534996,{"description":3029,"labels":3030,"number":3034,"owner":3022,"repository":3035,"state":3023,"title":3036,"updated_at":3037,"url":3038,"score":3039},"### 🐛 The bug\n\nWhen trying to use the VimeoPlayer script it fails to load and triggers the following error\n\n\u003Cimg width=\"1356\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/03659800-70fa-4fde-bf7d-7f123224bcde\" />\n\n- Nuxt version 3.16\n- Nuxt scripts 0.11.8\n\n### 🛠️ To reproduce\n\nInclude the example code from the Nuxt scripts page for Vimeo Player in a Vue page\n\n### 🌈 Expected behavior\n\nTo render the the Vimeo embed properly\n\n### ℹ️ Additional context\n\n_No response_",[3031],{"name":3032,"color":3033},"bug","d73a4a",463,"scripts","VimeoPlayer not working with the latest update","2025-06-06T07:35:23Z","https://github.com/nuxt/scripts/issues/463",0.71628857,{"description":3041,"labels":3042,"number":3046,"owner":3022,"repository":3022,"state":3047,"title":3048,"updated_at":3049,"url":3050,"score":3051},"Hello. I have very important module that I can't setup with Nuxt, please help.\r\n\r\n```html\r\n\u003Cvideo id=\"player\" class=\"video-js\" controls autoplay>\r\n \u003Csource src=\"http://vjs.zencdn.net/v/oceans.mp4\" type=\"video/mp4\">\u003C/source>\r\n\u003C/video>\r\n```\r\n```js\r\nmounted () {\r\n video('player')\r\n }\r\n```\r\nThis works only if I navigate directly on that page or reload it. This doesn't work if I navigate to this page from other pages in my app. \r\n\r\nHow to fix it?\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c2117\">#c2117\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3043],{"name":3044,"color":3045},"2.x","d4c5f9",2442,"closed","Video.js doesn't work when route on client","2023-01-18T15:55:18Z","https://github.com/nuxt/nuxt/issues/2442",0.6892396,{"description":3053,"labels":3054,"number":3056,"owner":3022,"repository":3022,"state":3047,"title":3057,"updated_at":3058,"url":3059,"score":3060},"My video isn't loading when the component mounts\r\n\r\nI've narrowed down the problem to having something to do with \":src\" in my code. The video loads fine if i hard code the url in however this is supposed to be a unique property for each user. a video avatar name \"this.avatar\" which contains the url to the video.\r\n\r\nThe \":src\" property works fine whenever i have the user load the video from their own files. However after the file is saved and converted to a url it will no longer load on mount.\r\n\r\n```\r\n\u003Ctemplate v-if=\"this.type === 'image'\">\r\n \u003Cb-img key=\"image\" id=\"avatarPhoto\" v-bind=\"profile\" :src=\"this.avatar\" class=\"avatarPhoto\">\u003C/b-img>\r\n\u003C/template>\r\n\u003Ctemplate v-else>\r\n \u003Cvideo playsinline autoplay loop muted key=\"video\" type=\"video\" id=\"avatarVideo\" v-bind=\"profile\" class=\"avatarVideo\">\r\n \u003C!-- the line causing the error is below -->\r\n \u003Csource id=\"videoSrc\" :src=\"this.avatar\">\r\n \u003C/video>\r\n\u003C/template>\r\n```\r\n```\r\n\u003C!-- this is how it renders on load with a url for the prop -->\r\n\r\n\u003Cvideo playsinline=\"\" autoplay=\"autoplay\" loop=\"loop\" muted=\"muted\" type=\"video\" id=\"avatarVideo\" class=\"avatarVideo\">\r\n \u003Csource id=\"videoSrc\" src=\"http://remoteserver.com/storage/avatar/profile/1558476637.mp4\">\r\n\u003C/video>\r\n```\r\n```\r\n\u003C!-- this is how it looks when rendered from a file load which works fine but this does not happen on load -->\r\n\r\n\u003Cvideo playsinline=\"\" autoplay=\"autoplay\" loop=\"loop\" muted=\"muted\" type=\"video\" id=\"avatarVideo\" width=\"281.25\" height=\"auto\" class=\"avatarVideo\">\r\n \u003Csource id=\"videoSrc\" src=\"data:video/quicktime;base64,blahblahblah\">\r\n\u003C/video>\r\n```\r\n```\r\nasync created() {\r\n await this.$axios.get(\"profile\")\r\n .then((response) => {\r\n this.form.fill(response.data.data)\r\n this.type = this.form.a_type.split('/').shift()\r\n this.avatar = response.data.data.avatar\r\n \r\n if (this.type === 'video'){\r\n this.getVideoDimensions()\r\n .then((dimensions) => {\r\n this.form.a_dimensions = dimensions\r\n this.handleResize(dimensions)\r\n })\r\n .catch((e) =>{\r\n this.toast('error',e.message)\r\n })\r\n }\r\n })\r\n .catch((error) => {\r\n if (error.response){\r\n console.log(error.response.data)\r\n this.toast('error', error.response.data.data[0])\r\n }\r\n })\r\n if (process.client){\r\n window.addEventListener('resize',this.handleResize)\r\n }\r\n}\r\n```\r\n\r\n\r\nIt doesn't cause an actual error but when i check the videos readyState it is a value of 0. No information is available about the media resource.\r\n\r\nI expect the video to load with the returned url but it does not.\r\n\r\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\r\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://cmty.app/nuxt\">Nuxt\u003C/a> community (\u003Ca href=\"https://cmty.app/nuxt/nuxt.js/issues/c9247\">#c9247\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3055],{"name":3044,"color":3045},5780,"Nuxt video not loading on mount from URL","2023-01-18T20:24:28Z","https://github.com/nuxt/nuxt/issues/5780",0.6929437,{"description":3062,"labels":3063,"number":3068,"owner":3022,"repository":3022,"state":3047,"title":3069,"updated_at":3070,"url":3071,"score":3072},"### Environment\n\nnuxt 3 fresh project where videos stored in assets/video/**.mp4\n\n### Reproduction\n\ninstall video.js and follow this setup https://stackoverflow.com/questions/73961731/import-video-js-into-nuxt-js-application-not-working\n\n### Describe the bug\n\nI'm not able to find how to use link in video src that comes from props and use like dynamically.\n\n### Additional context\n\nI want a way that I can use nuxt 3 assets folder file dynamically to play a video from video js.\r\n\r\nI used some thins like this:\r\n\r\n`const videosImport = import.meta.glob(\"@/assets/**/**.mp4\");\r\n\r\n--------------------\r\n\r\nsources: [{\r\n src: videosImport[\"/assets/video/publish.mp4\"],\r\n type: \"video/mp4\",\r\n\r\n}]\r\n\r\n`\r\n\r\nAfter that also I'm getting the error like video file is not readable by the module\n\n### Logs\n\n_No response_",[3064,3067],{"name":3065,"color":3066},"3.x","29bc7f",{"name":3019,"color":3020},22462,"Nuxt 3 video.js support ","2023-08-03T10:34:05Z","https://github.com/nuxt/nuxt/issues/22462",0.69720006,{"labels":3074,"number":3083,"owner":3022,"repository":3022,"state":3047,"title":3084,"updated_at":3085,"url":3086,"score":3087},[3075,3076,3079,3080],{"name":3065,"color":3066},{"name":3077,"color":3078},"dx","C39D69",{"name":3032,"color":3033},{"name":3081,"color":3082},"vite","3574D1",14321,"Not wrapping contents of `app.vue` in a single parent element allows Nuxt to render arbitrary files on the FS that would match the request URI","2023-01-19T17:33:51Z","https://github.com/nuxt/nuxt/issues/14321",0.69968927,{"description":3089,"labels":3090,"number":3095,"owner":3022,"repository":3022,"state":3047,"title":3096,"updated_at":3097,"url":3098,"score":3099},"### Environment\n\nNuxi 3.6.5 14:10:30\r\n 14:10:31\r\nRootDir: C:/Users/tslager/Desktop/backup/Helpcenter.App 14:10:31 \r\nNuxt project info: 14:10:31\r\n\r\n------------------------------\r\n- Operating System: Windows_NT\r\n- Node Version: v18.16.0\r\n- Nuxt Version: 3.6.5\r\n- Nitro Version: 2.5.2\r\n- Package Manager: npm@9.8.0\r\n- Builder: vite\r\n- User Config: pages, ssr, debug, dev, modules, pwa, app, vue, ignore\r\n- Runtime Modules: @nuxt/devtools@0.7.0\r\n- Build Modules: -\r\n------------------------------\r\n\n\n### Reproduction\n\n-\n\n### Describe the bug\n\nIn dev mode on localhost the app works fine as intended but when I deploy it statically to our website and navigate to a route that can have IDs it completely breaks.\r\n\r\n_Single route_\r\n`/contact` -> works\r\n\r\n_Route with child(ren)_\r\n`/embed` -> works\r\n`/embed/ticket` -> works\r\n\r\nDynamic route with childeren\r\n`/request/:id` -> fails\r\n`/request/create` -> fails\r\n\r\nDynamic routes\r\n`/docs/article/:id` -> fails\r\n\r\n\r\n Middleware works fine, no erros or warnings in console. When using chrome's breakpoints it concludes that somewhere in the entry.js it changes the url back to the index (\"/\").\n\n### Additional context\n\nPackage.json:\r\n```json\r\n{\r\n \"author\": \"Tim Slager\",\r\n \"private\": true,\r\n \"scripts\": {\r\n \"build\": \"nuxt build\",\r\n \"dev\": \"nuxt dev\",\r\n \"dev:ssl\": \"nuxt dev --https\",\r\n \"generate\": \"nuxt generate\",\r\n \"preview\": \"nuxt preview\",\r\n \"postinstall\": \"nuxt prepare\"\r\n },\r\n \"devDependencies\": {\r\n \"@esbuild/win32-x64\": \"^0.18.15\",\r\n \"@nuxt/devtools\": \"^0.7.0\",\r\n \"nuxt\": \"^3.6.5\",\r\n \"workbox-precaching\": \"^7.0.0\"\r\n },\r\n \"dependencies\": {\r\n \"@vitejs/plugin-vue\": \"^4.0.0\",\r\n \"axios\": \"^1.4.0\",\r\n \"benchmark\": \"^2.1.4\",\r\n \"blockadblock\": \"^3.2.1\",\r\n \"bowser\": \"^2.11.0\",\r\n \"dexie\": \"^3.2.3\",\r\n \"js-cookie\": \"^3.0.5\",\r\n \"lodash\": \"^4.17.21\",\r\n \"mixpanel-browser\": \"^2.46.0\",\r\n \"platform\": \"^1.3.6\",\r\n \"showdown\": \"^2.1.0\",\r\n \"unstorage\": \"^1.4.1\",\r\n \"vue-showdown\": \"^4.0.0\",\r\n \"vue-speedometer\": \"^2.0.0\",\r\n \"vue-svg-gauge\": \"^1.2.1\"\r\n }\r\n}\r\n```\r\n\n\n### Logs\n\n```shell-script\nbuild and deploy logs:\r\nhttps://hastebin.com/share/esekideler.bash\n```\n",[3091,3092],{"name":3065,"color":3066},{"name":3093,"color":3094},"needs reproduction","FBCA04",22269,"Static deployed nuxt 3 application still does not let me navigate","2023-07-27T13:12:50Z","https://github.com/nuxt/nuxt/issues/22269",0.6998169,{"description":3101,"labels":3102,"number":3103,"owner":3022,"repository":3104,"state":3047,"title":3105,"updated_at":3106,"url":3107,"score":3108},"In the Vue section of the Readme \r\nhttps://nuxt.com/modules/icon#vue-component\r\n\r\nthere is a link to an example:\r\nhttps://nuxt.com/modules/playground/components/global/NuxtIcon.vue\r\n\r\nbut that one does not work.\r\n\r\nWould love to provide a PR, but I cannot find the proper link...",[],73,"icon","Link not working","2023-10-04T08:46:10Z","https://github.com/nuxt/icon/issues/73",0.7020482,{"labels":3110,"number":3119,"owner":3022,"repository":3022,"state":3047,"title":3120,"updated_at":3121,"url":3122,"score":3123},[3111,3112,3113,3116],{"name":3065,"color":3066},{"name":3081,"color":3082},{"name":3114,"color":3115},"upstream","E8A36D",{"name":3117,"color":3118},"upstream-bug","B60205",13430,"The request url * is outside of Vite serving allow list","2023-01-19T16:55:44Z","https://github.com/nuxt/nuxt/issues/13430",0.71348894,{"description":3125,"labels":3126,"number":3128,"owner":3022,"repository":3022,"state":3047,"title":3129,"updated_at":3130,"url":3131,"score":3132},"First off, sorry if this is in the wrong place. [I tried StackOverflow first but got no interest. ](https://stackoverflow.com/questions/48301321/page-not-found-route)\r\nI'm trying to set up a VueJS app using Nuxt for server-side rendering. However, after deployment to my server the index.vue is returning a 404 Page not found error.\r\n\r\nThis doesn't happen when running on my development machine, and still happens even if run in Development mode on my server.\r\n\r\nAll other routes work, and getting to the index route from within the app itself works fine. It just doesn't load when refreshed. Eg:\r\n\r\n`http://myapp.com/` Doesn't work\r\n\r\n`http://myapp.com/login` Works fine\r\n\r\nMy pages folder currently looks like this:\r\n\r\n\r\n - pages\r\n -- index.vue\r\n -- login.vue\r\n\r\nI have nothing fancy set up within my nuxt.config file and have pretty much the same setup as is described in the [Auth0 example][1]\r\n\r\nOn my server I'm running nuxt with the command `pm2 start npm --name \"my-app\" -- start` Which runs fine without any errors, and I have the following .htaccess config:\r\n\r\n\r\n RewriteCond %{HTTP_HOST} ^my-app\\.com$ [OR]\r\n RewriteRule ^(.*) \"http\\:\\/\\/127\\.0\\.0\\.1\\:3000\\/$1\" [P,L]\r\n\r\nThis is the error screen I get:\r\n\r\n[![enter image description here][2]][2]\r\n\r\nThe page itself is very basic at the moment, it did have far more on it, however, I've cut it down to the following trying to debug this issue:\r\n\r\n \u003Ctemplate>\r\n \u003Cv-container grid-list-md>\r\n \u003Cv-layout row wrap>\r\n \u003Ch1>Test index, trying to fix the 404\u003C/h1>\r\n \u003Ch2>Hello, {{ loggedUser ? loggedUser : 'friend' }}!\u003C/h2>\r\n \u003C/v-layout>\r\n \u003C/v-container>\r\n \u003C/template>\r\n\r\n \u003Cscript>\r\n import { mapGetters } from 'vuex'\r\n\r\n export default {\r\n computed: mapGetters([\r\n 'isAuthenticated',\r\n 'loggedUser'\r\n ])\r\n }\r\n \u003C/script>\r\n\r\n [1]: https://github.com/nuxt/example-auth0/blob/master/nuxt.config.js\r\n [2]: https://i.stack.imgur.com/V4pgP.png\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c2284\">#c2284\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3127],{"name":3044,"color":3045},2625,"[Help needed] Page not found \"/\" route","2023-01-18T16:02:22Z","https://github.com/nuxt/nuxt/issues/2625",0.7137074,["Reactive",3134],{},["Set"],["ShallowReactive",3137],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fwRvnCpWZUkYlF-BRJOJqavtlWywQKQn7vdh9slGvM7o":-1},"/nuxt/nuxt.com/1937"]