next项目开发部署

最近公司需要开发一个官网。众所周知官网最主要的需求就是SEO，而next能够很好的提供这个功能！

 这里主要是写打包上下碰到的问题和解决经过：

 本地打包后 一开始只想要将 /build package.json next.config.js 放在服务器 成功后运行 

     出现问题：浏览上favaicon.ico 无法显示404 本地运行dev 是有的

          解决方案、通过config.plugins.push(new HtmlWebpackPlugin({ favicon: path.resolve(‘public/favicon.ico) })); 将ico图片复制到build下 然后在nginx配置 静态路径

     

　　location ~* ^.+\.(ico) {
        root /Users/shangxia/Desktop/demo1/build/;
   }

 

    导致问题：解决问题一 出现第二个问题 服务器上start不成功 显示缺少path HtmlWebpackPlugin模块，思考后 再服务器npm i模块再start！

    导致问题：浏览狂刷新有机率出现图片 ERR_CONNECTION_REFUSED 然后导致页面奔溃

    思考三、首先考虑图片太大 因为有一个背景图片3M多 修改成1M以内还是会出现！！网上查了很多资料也查了next的issues没有看到有人提出这个问题 一天后开始考虑是不是next/image这个组件的问题 因为官方看他说这个组件优化了很多东西，说不定 刷新太快导致他优化不过来(我猜的) 。

    最后：于是使用img代替(src和next/image一样写) 本地dev后 问题解决！！(eslint 报错需要配置"@next/next/no-img-element": "off")。