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

来源:17-9 Nginx安装与Vue项目发布

慕雪3021519

2021-11-17

老师,我想请教一个问题,admin.vue加了
图片描述

在手机浏览器上,这个按钮点击没效果
图片描述
图片描述

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

写回答

1回答

甲蛙

2021-11-17

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

0
2
慕雪3021519
采用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; }
2021-11-27
共2条回复

Spring Cloud+ Vue前后端分离开发企业级在线视频系统

全网稀缺课程 市场热门项目+主流框架 一课掌握前后端技术

1743 学习 · 1697 问题

查看课程