6.27 vue多层对象的调用undefined,cento7安装mongo以及云服务器开启27017,mongo导入集合centos,nginx根地址自动转向,centos部署二次修改环境变量无效

1、vue多层对象的调用undefined
在这里插入图片描述
原因很简单,若一开始绑定的数据是对象的对象,比如 {{goods.item.style}}
当vue组件实例化时,会渲染一次数据,那么这个数据就是undefined因为没有goods.item 所以goods.item.style就直接报错。虽然对页面没有什么影响。
但是建议使用v-for的形式去渲染数组,v-for会监听到数组的渲染成功,才会开始渲染dom,故不会报错。改法很简单:
在这里插入图片描述
当然这里会有个小坑,就是里边的BScroll 的refs 要相应改成 this.$refs.scroll[0] 是索引0的scroll

2.1、安装mongo

https://www.cnblogs.com/web424/p/6928992.html

2.2、服务器开启27017
在这里插入图片描述

https://blog.csdn.net/u012599988/article/details/80939631

3、建完mongo数据库之后
进入mongo安装目录, /var/lib/mongo 放入json文件
导入集合的操作是在系统命令行运行的,不是mongo中。
在这里插入图片描述
在这里插入图片描述

https://blog.csdn.net/u013217142/article/details/82828666

顺提以下nginx的配置文件路径 /usr/local/nginx/conf

4、想访问域名即www.xxx.cn:80端口而去跳转子域名。

rewrite ^/(index.html)?$ portal/nail/index.html redirect;  
  
location / {  
    root   /users/apple/git_local/YAE/YAE/frontend;  
    index  /portal/nail/index.html;  
}

5、解决:nginx未已重定向。本地和开发nginx指向不一样导致。
即个人粗心导致,不是系统原因。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值