写音乐项目（移动端）中遇到的问题

写音乐项目（移动端）中遇到的问题
1、首先，要写一个项目就要配置项目环境，我是vue、vue的脚手架工具和vuex来写的移动端项目

将一些要用的插件swiper、vue、vuex…下载到dependecies（也就是我们俗称的开发环境）

下完后进入项目目录，基本上有这么多文件夹，dist的文件是npm run build才会出现的文件，他把除了本身文件之外的文件打包、压缩进这个文件夹，而且vue脚手架好像自带webpack打包器，可谓是使用起来相当方便。
vue.config.js文件里放的是
gzip是可以吧dist目录里的核心js文件再次压缩打包成压缩包.gzip格式
module.export={
devServer这里是我配置的一个代理服务器，就把你要引入的api接口可以改成这样的自定义的地址暗号
}

这里看到的api、components、fonts…文件就是src目录下的。api文件就是放数据源的，api接口的，要调用接口的话，就必须引入api里的js文件，我把组件就放在components文件里了，router文件放的就是配置的路由文件

store里放的是关于vuex里的一些方法的文件，style里放的就是一些css文件了，我是用less css预处理器编写的，因为less写起来比较简单还可以嵌套，有自己的函数方法
下面；来说说我遇到的问题吧！
在组件里编写的时候

大家看报错是502，我访问的时候用热点连的电脑调试的
502错误定义：是网关错误， 通俗点说就是和web服务器通信失败

错误的原因：
1、网络不同， 不能访问web服务器， 有可能断网， 开启了防火墙等， 可以通过ping命令来定位
2、web服务器没有启动， 可以通过查看日志来定位这个问题，或者查看端口是否启动
3、web服务器请求太多，响应不了这个请求， 这个表现是有时间好有时间不好， 可以通过查看web服务器的日志来定位
还有我是先写玩一个header和tab组件，下面的组件我都是采用动态路由来实现的
有时候就会遇到在一个父组件下面嵌套了一个新的子组件，然后我点击子组件渲染出来的列表时，却实现不了跳转，不能跳转到我写子组件，有时候可能是没有写名字，或者是path：‘：xx’没有加：。我是在子组件里添加了better-scroll插件需要在方法里添加click：true