AP（配置辅助平台）

最新推荐文章于 2022-01-27 19:48:30 发布

不会唱杰伦

最新推荐文章于 2022-01-27 19:48:30 发布

阅读量651

点赞数

分类专栏：前端工具

本文链接：https://blog.csdn.net/qq_42635539/article/details/110222222

版权

前端工具专栏收录该内容

3 篇文章 0 订阅

订阅专栏

AP配置辅助平台

AP（正式版）

AP-test（测试版）

AP配置辅助平台开发手册

一、AP平台报错问题

开发过程中可能会遇到以下问题：
1、进入页面提示 [错误，出错了]

解决方案：F12，选择NetWork，找到出错的接口，一般可以在右侧Response中看到接口返回的数据中status状态为1，msg为"\u51fa\u9519\u4e86"，这是Unicode编码，解码后表示“出错了”，解码需要访问http://tool.chinaz.com/tools/urlencode.aspx。如果遇到类似于 %e5%9f%ba%e7%ba%bf%e9%a1%b9%e7%9b%ae 的编码格式，则表示URL编码，也可以访问上述网站进行解码）；并在Headers中找到请求URL，同时把问题反馈给后端。

2、进入页面后提示 Error Network，并发现右上角登录用户显示为空，导致页面无法加载。

解决方案：让后端改一下中间件即可解决

3、跨域问题，本地进入门户页面，提示 Cross-Origin Read Blocking (CORB) blocked cross-origin response with MIME type text/html. See for more details.

解决方案：由于本地用户名是写死的，而导致本地无法访问到视频，但登陆wiki后，在ap-test上可以正常访问

4、在标有scoped的style中修改element-ui原生样式发现不起作用
解决方案：利用样式穿透 >>> ，可以解决

使用方式：

外层类 >>> 想修改的类名 ｛
	要修改的样式
｝

或者在样式后面添加 !important

注意：尽量给父级元素添加类名来修改样式（而不是直接使用行内样式），否则可能遇到跳转到其他页面，再返回时样式错乱

5、将数据保存到vuex中的store中后，刷新网页后会丢失。

原因：store中的数据保存在运行内存中，页面刷新后会重新加载vue实例，store中的值会被初始化

解决方案：利用sessionStorage做缓存

总结：
开发过程中或者是使用AP过程中，如果发现页面报错，弹出出错了等类似错误信息，一般都是接口问题。
出现以上问题排查方式：

首先打开自己启动后端的cmd窗口，查看后端服务有没有启动，如果没有启动，需要输入命令行：python manage.py runserver 8082
然后提示连接数据库成功，表示正常启动
如果启动的时候出现AP_CONFIG_PATH字眼，导致后端无法启动，将问题反馈给后端
如果后端服务已经启动，可以重启一下，查看报错是否解决，重启方式：
ctrl+c终止当前服务，再输入以上命令行
如果其他页面正常运行，就某一个页面报错，这就是接口出错
解决方案：
F12调出控制台，点击Network选项

找到具体某个报错的接口，然后用postman测试一下，如果确认是接口问题，将问题反馈给后端。

二、AP平台开发技巧

开发过程中涉及Git、Vscode、postman、Chrome、Hiklink、wiki等的使用
前端启动代码：yarn run serve（vscode调出控制台）
后端服务启动代码：python manage.py runserver 8082 （在ap-server文件夹下打开cmd）