恒相产品画册技术专栏
文章平均质量分 54
已我项目开发项目过程中遇到的问题及解决思路进行记录并发布。
@海码
我是一名前端开发工程师,经历了从web1.0到web2.0时代,从传统的页面设计到现在的前端全栈开发工程师,有些很多的东西想写一写,记录记录!
展开
-
优雅的实现微信小程序动态tabBar及组件中实现动态数据
3、重点是在对应导航的JS文件中找到onShow方法,写上tabService.updateIndex(this,0),其中tabService就是我们写的全局tab-service.js,引入一下。要实现动态导航首先要考虑的是如何把小程序中的原生导航更改为自定义导航。重点在实现自定义tabbar的时候,会出现点击导航,高亮状态及跳转链接出现混乱的现象,这是因为使用Component组件是不允许设置动态数据的。1、我们先在utils目录中创建tab-service.js文件,写上全局的数据及方法;...原创 2022-07-19 17:00:57 · 6076 阅读 · 7 评论 -
【恒相电子画册】项目使用unxt框架发布上线后,报内存溢出,页面显示502问题
在发布【恒相电子画册】官网上线后,第二天早晨来上班,发现【恒相电子画册】官网无法访问,报出502错误,服务器日志报出内存溢出,服务自己退出了。经过多方面的测试,一下方式可以用;一、报错截屏二、找到项目中package.json文件三、找到配置页中scripts项"scripts": { "dev": "nuxt", "build": "nuxt build", "start": "nuxt start", "generate": "nuxt gene原创 2022-05-01 09:33:49 · 1177 阅读 · 0 评论 -
恒相电子画册项目使用unxt框架打正式版 使用nginx发布项目失败解决方案
在使用nuxt框架开发完毕恒相电子画册项目后,当使用nginx发布时,始终不成功,甚至造成多次nginx服务停止失败而造成启动服务和停止服务按钮失败的现象。经过多次调试,终于解决此问题,解决方式如下。1、打开nginx.config的配置文件;2、在配置文件中找到server配置项,添加一个新的location项,在location项中着重看下方加#号反向代理的这个;其中http://nodenuxt是反向代理地址;location / { proxy_http_versi...原创 2022-04-23 16:37:46 · 676 阅读 · 0 评论 -
NUXT.JS框架打版后生成静态页面CSS太长解决方法
在开发我们公司的恒相产品画册项目时,使用VUE框架开发SEO就无法优化了,最后采用UNXT.JS框架开发此项目。项目第一阶段开发完毕后,打版上线也没有注意CSS的问题,在使用站长工具查询时,抓取页面数据显示无用代码过长不利于SEO。扒了了好多解决方案,经测试一下方法可用。一、在NUXT.JS框架中找到nuxt.config.js配置文件;二、在页面中找到build配置项,如果没有请自行添加;export default { head: {}, css: [], p.原创 2022-04-20 09:43:21 · 1876 阅读 · 0 评论