存在的问题

在我们用nuxt做项目时，通常会考虑到SEO问题，然而当我们查看源代码的时候发现页面上出现了大量的css，并且body底部还有大量的js，这样不仅对seo有一定的影响，同时，看着也不美观。

解决css显示问题

只需要在nuxt.config.js里的build 加上这一行代码即可

build: {
    extractCSS: { allChunks: true }
}

解底部js的问题

找到 node_modules/@nuxt/vue-renderer/dist/vue-renderer.js 这个文件，只需要把下面这段代码修改一下

APP += `<script>${serializedSession}</script>`

修改后的代码

 //把获取到的js代码，写入到.nuxt/dist/client/init/init.js
 //然后引用这js文件
 let path = this.options.buildDir + '/dist/client/init/init.js'
 try {
    fs.outputFileSync(path, serializedSession)
    APP += `<script src="/_nuxt/init/init.js" defer></script>`;
 } catch (err) {
    console.error(err)
 }