菜单左侧伸缩按钮无效问题

Question

老师，我想请教一个问题，admin.vue加了

在手机浏览器上，这个按钮点击没效果

课程中有一节解决了这个问题，但是后来考虑到nginx部署问题，又改回去了，请问怎么解决了？@甲蛙 公众号-甲蛙全栈

Answer 1

甲蛙 2021-11-17 16:51:05

这个问题大概是ace.min.js加载多次造成的，具体里面的源码我也没看过，它里面可能会对按钮做些初始化，比如点击事件监听等，加载多次后冲突了。可以加些判断，让ace.min.js只加载一次，如果加载过，就不再加载，这样试试

• 提问者 慕雪3021519 #1

  尝试了只加载一次，如果加载过，就不再加载，要不就是伸缩按钮不行，要不就是菜单展不开，解决不了

• 提问者 慕雪3021519 #2

  采用window.open方式打开，部署时通过修改nginx配置解决
  root    /usr/share/nginx/html; # vue项目存在的目录（替换成你对应的地址，如果你这是用docker部署的请改成你容器内的地址）
          location / {
              try_files $uri $uri/ @router;#需要指向下面的@router否则会出现vue的路由在nginx中刷新出现404
              index  index.html index.htm;
          }
          #对应上面的@router，主要原因是路由的路径资源并不是一个真实的路径，所以无法找到具体的文件
          #因此需要rewrite到index.html中，然后交给路由在处理请求资源
          location @router {
              rewrite ^.*$ /index.html last;
          }