dist中的资源在生产中无法正常工作

我一整天都发现了这个问题,最后陷入困境并需要帮助,在部署到Surge之后,我用Next generate生成了Web应用程序,我的所有Web都很混乱,似乎CSS根本无法正常工作并且也无法读取图像,然后我尝试再次部署到GitLab Pages,它仍然是一样的,我不知道为什么我整天都在这里找到解决方案并尝试了很多事情,根本找不到 解决这个问题可能很棘手吗?

这是我的nuxt.config.js

  mode: 'universal',head: {
    title: process.env.npm_package_name || '',meta: [
      { charset: 'utf-8' },{ name: 'viewport',content: 'width=device-width,initial-scale=1' },{
        hid: 'description',name: 'description',content: process.env.npm_package_description || ''
      }
    ],script: [
      {
        src: 'https://kit.fontawesome.com/77777.js',crossorigin: 'anonymous'
      }
    ],link: [
      { rel: 'icon',type: 'image/x-icon',href: '/favicon.ico' },{
        rel: 'stylesheet',href:
          'https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700&display=swap'
      },href: 'https://fonts.googleapis.com/css?family=Quando&display=swap'
      },href: 'https://fonts.googleapis.com/css?family=Palanquin&display=swap'
      }
    ]
  },loading: { color: '#fff' },generate: {
   dir: 'public',},css: [
    '~/assets/css/main.css','~/assets/css/input.css','~/assets/css/animate.css'
  ],plugins: [
    { src: '~/plugins/agile.js',mode: 'client' },{ src: '~/plugins/model-gltf.js',mode: 'client'},],router: {
    middleware: ['router'],base: '/myapp/'
  },buildmodules: [
  ],modules: [
    'bootstrap-vue/nuxt','@nuxtjs/axios'
  ],axios: {
    baseURL: "http://myapi"
  },build: {
    extend(config,ctx) {

    }
  }
}
fandly_jw 回答:dist中的资源在生产中无法正常工作

您可以尝试将模式设置为静态

  mode: "static",

然后输入npm run build

它现在应该生成一个名为“ dist”的文件夹

您从dist文件夹中获取所有内容并将其上传到服务器上

本文链接:https://www.f2er.com/3153928.html

大家都在问