关于浙里办app接入h5（vue）项目。（官网是react项目接入的）
相关的文档官网都有，然后本文就说一些容易忽略的、容易搞不懂的东西。
也是第一次做这个，仅限于我自己的认知。大家查漏补缺即可。
- **【环境】**项目环境得按照官网说的来，node14环境、打包命令是：npm run build、打包之后的输出文件名称是build。
- 【浙里办|浙里办接入h5（vue项目）------相关流程说明】**【白屏】**在自己本地跑起来之后，打包一下看看打包后的index.html文件能不能打开并看到静态页面。如果是 白屏，那你部署之后也是白屏。
解决的办法：
①看自己的配置文件（我的是vue.config.js）的参数publicPath，一般项目会自动生成"/项目名称/"，改成"./"。
②如果改了还是不行，把router文件里面的注册路由文件改一下，如下图
文章图片
③如果还是不行，怕是得你自己想办法解决了。
- **【部署失败】部署到浙里办的测试环境，上传代码的时候，上传的是源码的压缩包：除.git、build、node_modules文件。（在本地能成功跑起来，符合2的条件的情况下部署失败，不知道有没有人和我一样傻，自己打包然后把build文件压缩上传，那样百分百会部署失败）
文章图片
4.【RPC】部署成功静态资源之后，需要对接后端的接口。那就需要用到浙里办自己的一个RPC（用后端的话来说是在自己的接口外面包了一层类似中转站的东西），用RPC的话有几个注意点：①对应api必须上线才能接通
文章图片
②接入我们刚刚添加的RPC服务到自己的项目
文章图片
文章图片
③以上都成功之后，你还需要一个浙里办的调试工具（一般做这个项目的人你们都会有对应的资源什么的，自己去弄啊，或者私聊看能不能发，我这上边传不上来）。效果如下
文章图片
④后端要注意的是，接口如果需要接收的参数如果是类似xx.id，xx.code这样的xx.xx的参数，要避免，浙里办的RPC是会过滤这些的，接收不到。
⑤用法：下载@aligov/jssdk-mgop，引入import { mgop } from ‘@aligov/jssdk-mgop’，然后下面是用法（官网也有这个说法）
文章图片
5.【埋点】**我自己的还不知道成不成，搜一下这个网上还是有的。自己看看哈哈哈。
6.【over】目前只想到这么些，后续想到再说。
推荐阅读
- js方法|Vuex入门(六)——mapState, mapGetters, mapMutations, mapActions全网最全详解终结篇(带源码)
- GitHub|GitHub克隆项目没数据，后台管理权限项目等,解决方法
- 笔记|使用Vue时候报错，怎么查看错误位置，如何解决，方法，有哪些
- vue|Vue项目使用开发工具vuejs-devtools最新简单安装方法
- js方法|Vuex入门(五)—— 封装module全网最全详解(带源码)
- 前端优秀开源项目|cnchar - 功能全面、支持多端的汉字拼音笔画开源 JS 库
- java|深入理解JavaScript作用域和作用域链
- js高级程序设计|js高级程序设计（第二章）
- scheme|monad 例子