Vue-awesome-swiper使用教程

Vue-awesome-swiper使用教程,第1张

github地址: >

moduleexports = { // modules: [ '@nuxtjs/axios', ], axios: { prefix: '/api/', proxy: true // Can be also an object with default options }, proxy: { '/api/': { target: '>

现在seo很成熟了呀,主流两个方案

1做ssr,就是后端服务器渲染,react/vue都有现成的方案,但还是会有很多ajax异步请求需要考虑和配置,想要完美seo,总体来说比较麻烦,对开发结构影响比较大

2在服务器单独启动一个headlessbrowse爬虫服务,比如phantomjs/Puppeteer,再通过配置web服务器,比如nginx,利用useragent判断爬虫,利用这种服务端浏览器爬取目标网页并返回异步渲染后的内容,这个方案最简单,对原项目结构没有影响,可以适用所有项目

我们所有网站都利用puppeteer做seo,方案很成熟,只要单独做一个这种服务,所有网站都可以通过nginx反代理到这个服务上做seo,还可以附带截图等等功能

浏览器无报错,可以先去启动node服务的终端看下是否有报错,看是否是node的问题

路由跳转不行了,应该是目录结构有问题,nuxt自动根据目录结构进行路由配置

分享页面的域名要与 分享出去地址(link)的域名相同,否则自定义的title、link、imgUrl会设置失败并且没有任何错误提示

背景:微信公众号网页,nuxtjs框架

问题:iphone手机第一次进入页面提示: config:invalid signature,也就是说签名无效,刷新当前页面后签名就通过了(config: ok)。而Android手机却一直是正常的(config: ok)。

微信分享流程:

微信文档

第一步:设置公众号的JS接口安全域名

第二步:引入js文件

第三步:获取签名:传入当前页面url(当前网页的URL,不包含#及其后面部分) 作为参数,请求后端接口获取签名。

第四步:所有需要使用JS-SDK的页面必须先注入配置信息,用第三步获取的签名信息(AppId、生成签名的时间戳、生成签名的随机串、签名)传入wxconfig,完成配置,并开启调试模式:debug: true

这时用Android手机打开会提示:config: ok,一切正常。

问题来了:

这时候用iphone手机打开却提示: config:invalid signature。刷新页面后就会提示:config: ok,又好了?什么鬼?

在第三步把“当前页面url” 打印出来的是: >

以上就是关于Vue-awesome-swiper使用教程全部的内容,包括:Vue-awesome-swiper使用教程、nuxt.js项目怎么向请求到的数据中添加数据、Nuxt.js项目中使用asyncData ()怎么才能用this等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9760739.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-01
下一篇2023-05-01

发表评论

登录后才能评论

评论列表(0条)

    保存