Ресурсы в dist не работают должным образом на производстве - PullRequest
0 голосов
/ 06 ноября 2019

Я обнаружил эти проблемы весь день и, наконец, застрял и мне нужна помощь, я создаю свое веб-приложение с Next generate, после чего я развертываю в Surge, весь мой интернет грязный, кажется, что CSS не работает вообще, иизображения также не могут быть прочитаны, затем я попытался снова развернуть на GitLab страницы, это было то же самое, я не знаю почему, хотя я уже нашел решение здесь весь день и перепробовал много вещей, не могу найтиэто вообще может быть сложно исправить это ??

вот мой 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'
      },
      {
        rel: 'stylesheet',
        href: 'https://fonts.googleapis.com/css?family=Quando&display=swap'
      },
      {
        rel: 'stylesheet',
        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) {

    }
  }
}

1 Ответ

0 голосов
/ 07 ноября 2019

Вы можете попробовать установить режим на статический

  mode: "static",

Затем введите npm run build

Теперь он должен сгенерировать папку с именем "dist"

Вы захватываетевсе из папки dist и загрузите его на свой сервер

...