vue.js 为资源使用动态路径- Nuxt 3

okxuctiv 于 2023-08-07 发布在 Vue.js

关注(0)|答案(1)|浏览(129)

我在Nuxt项目中使用了动态路径/src路由。
我从一个独立的脚本导入它们：

由于它不适用于开发模式渲染，我发现Nuxt（或Vite）将我所有的资产复制到 _nuxt 文件夹中，所以我尝试修改我的路径如下：

经过这次尝试，它开始工作得很好。但是当我尝试使用 generate comand 部署页面时，它又出错了。这次我发现 Nuxt Generate 除了将我的资产复制到 _nuxt 文件夹之外，还在图像名称中添加了一个随机数字后缀，如下所示：

为了了解它是如何工作的，我尝试在服务器模式下部署，发现它的行为发生了变化。这一次，它不会将后缀添加到图像名称中。这可能是解决这个问题的一个“好”方法，但在这种情况下，我需要将我的部署作为静态端。
是否有任何方法来配置这种行为或一个'正确'的方式来使用我的资产的动态路径？

1条答案

您需要将路径更改为~/assets/path/to/img
参见：https://nuxt.com/docs/getting-started/assets#assets-directory