nginx - 在通用 Nuxt.js 应用程序中找不到资产

Question

由于某种原因，我的应用程序在执行捆绑后没有找到某些资产（npm run build + npm run start）。

未找到的资产是：

• 捆绑包中生成的所有 javascript 文件
• /assets 目录中包含的图像和字体文件

我的项目结构

 ├── .nuxt
 ├──  assets
 ├──  layouts
 ├──  components
 ├──  pages
 ├──  plugins
 ├──  static
 ├──  store
 └──  nuxt.config.js

我的nuxt.config.js：

export default {
   css: ['~/assets/scss/variables.scss', '~/assets/css/global.scss'],
   plugins: ['~/plugins/resolution.js'],
   components: true,
   buildModules: ['@nuxt-hero-icons/outline/nuxt'],
   modules: ['bootstrap-vue/nuxt', '@nuxtjs/axios', '@nuxtjs/style-resources'],
   styleResources: {
     scss: ['~/assets/scss/*.scss']
   },
   build:{}
}

我在组件中使用如下图像：

 <img src="~/assets/img/product.png" alt="" />

Obs1：按照文档，我使用我的 nginx 作为反向代理。

Obs2：在我的本地环境中工作一切正常，但是当我进入我的 nginx 生产域时，会出现此问题。

标签： nginxnuxt.jsbundle