Javascript 如何使用nuxt加载本地JS文件

我的文件夹/assets/js中有多个脚本。 我将它们添加到nuxt.config.js中，如下所示：

script: [
  { src: 'https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js' },
  { src: '~assets/js/bootstrap.min.js' },
  { src: '~assets/js/retina-1.1.0.js' },
  { src: '~assets/js/jquery.hoverdir.js' },
  { src: '~assets/js/jquery.hoverex.min.js' },
  { src: '~assets/js/jquery.prettyPhoto.js' },
  { src: '~assets/js/jquery.isotope.min.js' },
  { src: '~assets/js/custom.js' }
],

第一个文件没有问题，但是本地文件没有加载。 我试过： “@/assets”、““/assets”、“js/”和“~/assets”等，但都不起作用

我总是会遇到这样的错误：

GET http://localhost:3000/~assets/js/custom.js net::ERR_ABORTED

那么我怎样才能加载我的文件呢？

---

谢谢

尝试将JS文件放在资产目录的根目录中。否则，您需要创建一个静态目录。 我希望这有帮助

在

numxt.config.js中

head: {
    link: [{
        rel: 'icon',
        type: 'image/x-icon',
        href: '/favicon.png'
    }],
    script: [
        {
            type: 'text/javascript',
            src: 'js/jquery.min.js',
            body: true
        },
        {
            type: 'text/javascript',
            src: 'js/script.js',
            body: true
        }
    ]
}

或




注意：

无法在CSS文件中正确解析~/别名。您必须在url CSS引用中使用~assets（不带斜杠），即background:url（“~assets/banner.svg”）
您的js文件必须位于静态路径文件夹中，并将此代码添加到要使用的*.vue文件中

export default {
    head() {
    return {
      link: [
        {
          rel: "stylesheet",
          href:
            "/assets/css/style.css"
        },
      ],

      script: [
        {
          src: "assets/js/style.js",
          body: true
        },],}
      }

移动到静态目录，它是这样工作的：{src:'js/bootstrap.min.js'}，谢谢，抱歉，但那是4年前的事了。Vuesjs现在越来越流行了？如果你看看git hub，你会发现vue甚至比react更受欢迎。而且它每天都在变得越来越流行。我在4年前就开始使用它，这真是太疯狂了，而且很难找到关于它的帮助
background: url('~assets/banner.svg');

<img :src="require(`~/assets/img/${image}.jpg`)" />

export default {
    head() {
    return {
      link: [
        {
          rel: "stylesheet",
          href:
            "/assets/css/style.css"
        },
      ],

      script: [
        {
          src: "assets/js/style.js",
          body: true
        },],}
      }