Vue2.0项目 实现微信分享时遇到的几个问题

最近做公司的一个平台项目,需要放到微信上面,在写微信分享功能时遇到了几个坑,现总结一下,以免日后忘记

1.分享功能的config和接口的调用写在mounted函数当中

2.后台在生成签名的时候需要当前网页的地址,前段传过去的地址一定不要包含#机器后面的部分

3.微信的分享的sdk中的link所写的分享出去的地址一定一定是要在安全域名下

4.Vue2.0项目打包部署到tomcat下,分享的链接点击后总是404

   解决:

根据官方给出的解决方案原理

你要在服务端增加一个覆盖所有情况的候选资源：如果 URL匹配不到任何静态资源，则应该返回同一个 index.html 页面，这个页面就是你 app 依赖的页面。

所以在tomcat服务器下你可以这么做。在打包好的项目根目录下新建一个WEB-INF文件夹，在WEB-INF中写一个web.xml。

web.xml中写：