nuxt项目配置nuxt.confg.js，使网页源代码优化排版，删除乱码

在nuxt.config.js中，可以使用一些插件和配置来优化网页源代码排版和删除乱码。以下是一些常见的配置：

1. 使用html-minifier-webpack-plugin插件来压缩HTML代码，删除空格、注释和乱码：

build: {
  extend(config, { isDev, isClient }) {
    if (!isDev && isClient) {
      config.plugins.push(new (require('html-minifier-webpack-plugin'))({
        collapseWhitespace: true,
        removeComments: true,
        decodeEntities: true,
        minifyCSS: true,
        minifyJS: true,
        minifyURLs: true,
      }))
    }
  }
}

2. 在head标签中添加meta标签来指定字符集和视口大小：

head: {
  meta: [
    { charset: 'utf-8' },
    { name: 'viewport', content: 'width=device-width, initial-scale=1' }
  ]
}

3. 使用vue-meta插件来管理页面的meta标签和标题：

modules: [
  ['@nuxtjs/axios'],
  ['vue-scrollto/nuxt', { duration: 300 }],
  ['vue-meta', { refreshOnceOnNavigation: true }],
]

4. 在nuxt.config.js中添加css配置，使用normalize.css来重置浏览器样式：

css: [
  'normalize.css',
  '~/assets/styles/main.scss'
]

通过以上配置，可以使nuxt项目的网页源代码排版更加优化，同时删除乱码。