下面是我们的nuxt和nuxt-pwa配置。
Nuxt pwa已识别到新版本可用,我们提示用户进行硬刷新/重新加载。
重新加载后,新UI也开始工作。 然而,如果我们在新标签页中打开网站,则会显示旋转器并且最新的前端无法加载。需要再次进行硬刷新。 我们的前端默认重定向到localhost:8080上的/dashboard,并从具有缓存数据的serviceworker中加载。
请帮助我们解决这个问题,因为这对我们来说是一个关键问题。
重新加载后,新UI也开始工作。 然而,如果我们在新标签页中打开网站,则会显示旋转器并且最新的前端无法加载。需要再次进行硬刷新。 我们的前端默认重定向到localhost:8080上的/dashboard,并从具有缓存数据的serviceworker中加载。
请帮助我们解决这个问题,因为这对我们来说是一个关键问题。
![Screenshot 2021-12-07 at 10 01 47](https://user-images.githubusercontent.com/5435402/145008368-041377ba-70bc-4cc6-90c5-09545143cc8a.png)
export default {
ssr: false,
target: 'static',
head: {
titleTemplate: '',
title: 'NocoDB',
meta: [
{ charset: 'utf-8' },
{ name: 'viewport', content: 'width=device-width, initial-scale=1' },
{ hid: 'description', name: 'description', content: process.env.npm_package_description || '' }
],
link: [
{ rel: 'icon', type: 'image/x-icon', href: './favicon-32.png' }
]
},
plugins: [
// plugins
],
buildModules: [
'@nuxtjs/vuetify',
'@nuxtjs/pwa'
],
modules: [
// Doc: https://axios.nuxtjs.org/usage
'@nuxtjs/axios',
'vue-github-buttons/nuxt',
'@nuxtjs/toast'
],
axios: {
baseURL: process.env.NC_BACKEND_URL || (process.env.NODE_ENV === 'production' ? '..' : 'http://localhost:8080')
},
router: {
mode: 'hash',
base: process.env.NODE_ENV === 'production' ? './' : '',
middleware: ['auth']
},
vuetify: {
defaultAssets: {
icons: false
},
optionsPath: '@/config/vuetify.options.js',
treeShake: true,
customVariables: ['./config/variables.scss']
},
build: {
parallel: true,
plugins: [
new MonacoEditorWebpackPlugin({
languages: ['sql', 'json', 'javascript'],
features: ['!gotoSymbol']
})
],
extend(config, { isDev, isClient }) {
if (isDev) {
config.devtool = isClient ? 'source-map' : 'inline-source-map'
}
config.externals = config.externals || {}
config.externals['@microsoft/typescript-etw'] = 'FakeModule'
return config
}
},
pwa: {
workbox: {
assetsURLPattern: /\/_nuxt\//,
config: { debug: true }
},
icon: {
publicPath: './'
},
manifest: {
name: 'NocoDB',
start_url: '../?standalone=true',
theme_color: '#ffffff'
}
}
}
Lighthouse 报告:
Github 问题参考: https://github.com/nuxt-community/pwa-module/issues/501
nuxt/pwa
库生成的,因此我需要实现一个自定义服务工作者或进行一些配置更改。我会解决的,谢谢分享。 - Pranav C Balan