出现的问题: 安卓微信内置浏览器无法访问vue开发的部署在tomcat上的前端项目,导致微信公众号在安卓手机上无法正常打开页面.
具体描述:
以前后端分离的模式进行微信公众号的开发,前端采用vue框架开发,最后将前端vue项目部署在tomcat上,发现在安卓微信客户端上不能访问。无论通过公众号按钮跳转到项目页面还是直接在聊天消息中点击项目页面地址,安卓微信客户端都不能访问页面。
除安卓微信客户端内置浏览器不能访问项目外,IOS微信客户端,PC谷歌浏览器,PC360浏览器,PC搜狗浏览器,PC上各种浏览器以及PC微信客户端都能正常访问,另外,手机QQ浏览器,手机UC浏览器等都能访问到项目页面。
如果将项目部署在nginx上,安卓微信客户端内置浏览器等一切web浏览器都能正常访问。
为验证问题,建立了一个vue开发的静态页面项目test分别部署在tomcat和nginx上,
tomcat上页面地址:https://www.cendeshun.com/test/index
nginx上页面地址:https://www.cendeshun.com:9002/test/index
tomcat环境: 版本8.5.47,JDK版本jdk8
ningx版本1.16.1
出现问题的微信版本:安卓微信客户端7.0.8
个人觉得开发的vue项目配置,路由等没问题,因为除安卓微信客户端外都能访问,现在因为这个公众号项目被耽搁了,烦请官方技术团队帮忙排查问题,非常感谢!
也遇见了这个方法,除了安卓微信,所有浏览器都能打开。请腾讯技术人员关注。
同样用的vue(路由是history模式)、tomcat,项目运行正常。但到周三(11.20)时(期间代码、服务端环境未作任何改动),突然就不行了,除安卓微信内不能访问(提示网业不能访问,诊断网络...),其他浏览器都正常。同样用nginx测试下也正常。
这个问题发布一周了,官方技术团队都没作任何回应,之前找腾讯客服也只是敷衍了事,根本解决不了什么问题,希望各位业界大牛以及官方技术团队帮忙排查问题,找到问题所在,协助解决问题,非常感谢
经实测,如贴中描述一致. 确定不是防火墙的锅?
同样的问题;我们的项目部署到 nginx 上也是无法访问的!求大神展示 nginx 配置。。。
location /test {
index index.html;
try_files $uri $uri/ /test/index.html;
}
请问各位大佬,问题解决了没,我的项目也出现同样情况了。从10号开始,部分机型不能打开页面,但是大部分手机都能打开。公众号-vue页面加载的时候显示的页面原码,没有渲染数据
刚遇到同样的问题,头疼了半天,坑。Vue,history,放tomcat安卓微信一打开就显示无法打开网页,其他浏览器都正常,换nginx目前暂时可以。
有解决这个问题了吗,大佬们
首页能打开不,我这边是所有从vue中跳转的路由没问题,但是直接地址拷出来就没法打开,只能打开首页,如果你能打开首页 那就有解决的办法了
//以下为测试项目路由配置文件router.ts内容
import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
const routes = [
{
path: '/index',
name: 'index',
component: () => import('../views/Index.vue'),
meta: { title: "首页" }
},
{
path: '/page',
name: 'paget',
component: () => import('../views/Pagetemplate.vue'),
meta: { title: "页面模板" }
},
{
path: '*',
redirect: '/page',
}
]
const router = new VueRouter({
mode: 'history',
base: process.env.BASE_URL,
routes
})
router.beforeEach((to: any, from: any, next: any) => {
const title: string = to.meta && to.meta.title;
if (title) {
document.title = title;
}
next();
});
export default router