vue.js 添加本地JS文件到Nuxt 3

6qqygrtg 于 2023-03-24 发布在 Vue.js

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

我尝试在我的assets/js文件夹中添加一些可用的本地js文件，但没有成功。
我得到的错误是：http://localhost:3001/assets/js/app.js net::ERR_ABORTED 404 (Page not found: /assets/js/app.js)
我尝试将它添加到nuxt.config.js中：

app: {
  head: {
    script: [
      {'src': 'assets/js/plugins.init.js', body: true},
      {'src': 'assets/js/app.js', body: true}
    ],
  },
},

我也试着把它加到页面上

useHead({
script: [
{
    src: `assets/js/app.js`,
    body: true,
    defer: true
},
{
    src: `assets/js/plugins.init.js`,
    body: true,
    defer: true
},
],
})

我做错了什么？我该如何解决这个问题？

vue.js

来源：https://stackoverflow.com/questions/75801726/adding-local-js-files-to-nuxt-3

1条答案

按热度按时间

u3r8eeie1#

将js文件添加到public目录中，在nuxt2中我们称之为static

**注意：**body属性已弃用，您需要使用tagPosition

在此查看更多信息
在您的pages中

useHead({
script: [
  {
    src: `/app.js`,
    tagPosition: 'bodyClose'
    defer: true
  },
 ],
})

在你nuxt.config.ts

app: {
  head: {
    script: [
      {'src': '/plugins.init.js', tagPosition: 'bodyClose'},
      {'src': '/app.js', tagPosition: 'bodyClose'}
    ],
  },
},

赞(0）回复(0）举报 2023-03-24

我来回答

vue.js 添加本地JS文件到Nuxt 3

1条答案

相关问题

热门标签

最新问答