Nuxt 在哪里安装 3rd 方脚本？

Posted 2023-03-25

【中文标题】Nuxt 在哪里安装 3rd 方脚本？

【英文标题】：Where to install 3rd party scripts in Nuxt?

【发布时间】：2021-09-29 21:26:25

【问题描述】：

我正在尝试从“静态”文件夹上传静态文件（图像和 js）。它适用于索引文件和基本路由 localhost:8000/，但如果我转到下一个路由 localhost:8000/reviews/master001，那么静态文件就会消失，我通过路由 localhost:8000/reviews/js 接收。还有两件事，第一是如何去掉前缀“reviews”？

我尝试在nuxt.config.js

中使用

static: 
  prefix: false

通过文档，但它不起作用。尝试在 nuxt.config 中使用路径，例如“../js”、“@/static/js”、“/js” - 这个适用于索引文件。

在我通过路由器链接之后，也没有任何静态文件，例如路径 localhost:8000/reviews/master001 的 nuxt 文档中的静态文件。

这里有。

这里没有任何文件。

【问题讨论】：

好的，images 和 js 是什么意思？静态应该只提供用户可能去下载的文件。因此，JS 可能不是您可以访问的东西。显示到您的网站的图像也不需要暴露。如果你有一些legal_mentions.pdf，这应该在static。你能告诉我们你用来调用这些静态文件的代码吗？

哦，我不知道静态文件夹的这个用途。这里是我用来调用静态script: [ src: "js/jquery-3.4.1.min.js", type: "text/javascript", body: true, defer: true , ]

的nuxt.js中的代码

【参考方案1】：

如上述 cmets 中所述，图像应位于 assets 中，而 static 仅针对特定用例，例如公开可公开访问的 .pdf 文件。

如果你想在你的 Nuxt 项目中正确安装和使用 jQuery，你可以在这里按照我的回答：https://***.com/a/68414170/8816585

如果您想加载特定脚本并且无法以更简洁的方式（使用 NPM）执行此操作，您也可以按照那里的说明进行操作：https://***.com/a/67535277/8816585 将此作为最后的手段使用，并注意它会增加包大小和加载时间。