nuxt 框架遇见的问题汇总

项目场景：

齿科官网需要重新开发一个新版本,由于vue的SEO不好,所以使用了nuxj.js来开发.开发过程中遇到了很多问题,记录下来

---

问题描述：

• 本地开发过程中,经常多开页面假死,前端无报错,页面白屏显示一直刷新中

经过排查,现在怀疑是框架问题导致的,只能在开发测试中保证页面不超过三个(第四个开始无法打开)

问题描述：

• 本地开发项目运行中,经常进入某个页面,运行崩溃,并且报栈堆内存不足问题,上网搜索都要求放开项目运行内存限制,实际操作仍然不能解决问题

经过排查,在项目可以启动的情况下,如果静态图片的地址不对,不能够顺利找到图片运行就会应为内存不足而结束,动态添加图片地址,最好可以在img上添加v-if属性,现在确定字符串拼接的情况下如果不添加v-if ,会导致数据未获取成功时,图片地址不正确,项目停止运行

问题描述：

• 项目在本地和uat环境window.open和刷新的情况下,asyncData中的请求SEO信息都没有被获取,本地控制台ssr打印connect ECONNREFUSED 127.0.0.1:80,uat不打印,fiddler抓包抓取不到请求SEO信息接口

开始的时候是在本地新打开一个页面,或者刷新的情况下不能获取seo信息,上网搜索之后是说第一次调用的时候是在服务端,不能获取接口域名,请求的时候走的是127.0.0.1:80的请求,打印process.env.BASE_URL,可以打印出//uat.www.ikangdental.com/,在网上怎么查询都说的是要把地址写死,后来发现是配置的接口域名没有协议名称,客户端处理的时候浏览器可以自动识别协议,带入到请求当中,但是服务端是没有这个功能的,所以导致请求没有协议,在配置页面添加上协议即可,这次也应该反思一下自己,因为在之前的工作中总是不求甚解,总是想需求解决了就行,所以这次才会浪费这么多时间,以后更应该注重学习总结