我一整天都发现了这个问题,最后陷入困境并需要帮助,在部署到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) {
}
}
}