webpack - 在 nuxtjs spa 中，如何将 Assets 与相关 url 链接？

Question

当在 spa 模式下构建 nuxtjs 应用程序时， Assets 在 /_nuxt/vendor.a0f2fda15695e202a186.js 中的 index.html 处被引用。

是否可以使用相对 url(没有第一个斜杠)引用这些文件？

(类似于 <script type="text/javascript" src="_nuxt/vendor.a0f2fda15695e202a186.js"></script> )

Answer 1

1. 是否可以使用相对 url 引用这些文件？

可能不会。

看
https://github.com/nuxt/nuxt.js/issues/1380

2. 真正的问题

您想要 Assets 的“相对路径”的原因是您的 SPA(或您的 Assets )不在域的根目录中。例如:

您的 SPA 不在 https://my-domain.com/

但是在 https://my-domain.com/my-app/

3. 解决办法

转到 nuxt.config.js 并编辑以下属性。

build: {
    // Set the absolute path where the assets are.
    // https://nuxtjs.org/api/configuration-build#publicpath
    publicPath: 'https://my-domain.com/my-app/',
},

router: {
    // Set the "Base" of the router.
    // https://router.vuejs.org/en/api/options.html#base
    base: '/my-app/'
},

link: [
    // Do this if you have files that are located at /static/
    // https://nuxtjs.org/guide/assets#static
    {
        rel: 'stylesheet',
        type: 'text/css',
        href: '/my-app/myStyleSheet.css'
    }
]

4. 引用

https://nuxtjs.org/api/configuration-build#publicpath

https://router.vuejs.org/en/api/options.html#base

https://nuxtjs.org/guide/assets#static