在 SegmentFault，学习技能、解决问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
目前在用vuejs做个人网站，但是vuejs对seo不友好，各位大神有没有好的解决方案？
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
seo集中在头部
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
其实解决SEO问题不一定非得用服务端渲染来处理，服务端渲染对于刚接触 vue 的新手来说，并不是那么友好，虽然已有官方 SSR 中文文档。但是对于一个已经开发完毕的 vue 项目去接 SSR 无论是从工作量还是技术角度来说，都是一种挑战。有兴趣可以看一下这篇文章
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
在服务端渲染
该答案已被忽略，原因：
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
该答案已被忽略，原因：
同步到新浪微博
分享到微博？
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：
在 SegmentFault，学习技能、解决问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。详解基于 axios 的 Vue 项目 http 请求优化
转载 & & 作者：气象卫星随机号
这篇文章主要介绍了详解基于 axios 的 Vue 项目 http 请求优化,非常具有实用价值，需要的朋友可以参考下
对于需要大量使用 http 请求的项目，我们通常会选择对 http 请求的方法进行二次封装，以便增加统一的拦截器，或者统一处理阻止重复提交之类的逻辑。Vue.js 的项目中我们选择使用了 axios 这样一个 http 库，下面也就简述下基于 axios 做的简单二次封装
首先引入 axios ，对于 ie9 这样不支持 promise 的浏览器还需引入 es6-promise 模块
require('es6-promise').polyfill();
var axios = require('axios');
axios 初始化
初始化我们要实现两个需求：
1.发送请求时带上 cookies
2.重发发送请求时，如果前一次相同请求还未结束则中止前一次请求
const httpServer = axios.create({
responseType: 'json',
withCredentials: true, // 设置 withCredentials 使请求带上 `cookies`
cancelToken: new axios.CancelToken(function (c) {
cancel = c // 记录当前请求的取消方法
http 请求二次封装
var promiseArr = {} // 用于记录每个请求的取消方法
const gUtils = {
getData: function () {
let cancel
const httpServer = axios.create({
responseType: 'json',
withCredentials: true, // 设置 withCredentials 使请求带上 `cookies`
cancelToken: new axios.CancelToken(function (c) {
cancel = c // 记录当前请求的取消方法
// 设置一个拦截器，每次发起请求前取消掉在进行中的相同请求
httpServer.interceptors.request.use(function (config) {
if (promiseArr[config.url]) {
promiseArr[config.url]('操作取消')
promiseArr[config.url] = cancel
promiseArr[config.url] = cancel
return config
}, function (err) {
// return Promise.reject (error)
return httpServer
这样我们在对接服务时候直接使用我们封装好的 http 请求方法即可
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具Vue.js更深入的认识、理解和部署优化-前端开发博客 最新文章
推荐文章 7085Views 2341Views 2300Views 900Views 1418Views热门文章
20,811Views
13,533Views
9,725Views
3,235Views
3,134Views
2,907Views查看更多相关吗？百度搜索：nginx vuejs 部署vue.js 部署nginx部署vuejs项目nodejs部署vue项目vue.js 部署生产环境vuejs部署到服务器");查看: 3880|回复: 5
vue.js的网站要怎么做SEO？
本帖最后由 47... 于
18:44 编辑
8.29的时候接到的新项目& &巴比网& &（800bitbank，真不是打广告，权限太低，发不了链接），刚接到就信心满满的开始做了，什么友链，外链，锚文本，tdk标签，全都加起来，后来发现百度一直不收录，其他的搜索引擎都已经有收录了，才突然觉得有点不对劲，也去咨询了公司的程序猿哥哥，目前已知的情况如下：
1.从站长工具里判断出，网站大概上线一个月；
2.网站的业务是做比特币、莱特币之类，虚拟货币的交易平台；（“比特币”是敏感词？）
3.网站用vue.js前端框架，从服务器后端拿json数据渲染到前端的，html源代码根本没有初始信息，（除了google有几个页面的快照还算完整，其他搜索引擎的快照也都是空白的，站长工具模拟抓取只能抓到tdk）；
4.刚开始发现首页抓取失败，分析出是做了302定向的，后来跟对方程序员沟通过，把302修改为301，站长平台测试抓取成功，从8.29开始，每天蜘蛛抓取频次3次左右（是少了点，但不知道该怎么办了，单向的友链已经做了5、6个了，外链也有在发，google收录的外链已经70多个了，百度只有4个）；
5.站长平台显示索引量为0；
6.有猜测可能是https的影响，已经做了https验证，http到https的301也做了的；
7.文章都是原创的，为了喂蜘蛛，在文章页为内容写了一段html代码，添加了hidden（会被认为是欺骗蜘蛛，被惩罚吗）；
8.手动提交，自动提交，主动提交，sitemap都在做的；
9.没有nofollow，noindex，robots也看过，没问题的；
客户不愿意重新做网站，而且又催的特别紧，感觉生无可恋了，求各位大神解答
本帖最后由 Qskane 于
09:09 编辑
百度暂时不能支持spa应用抓取,甚至lazyload加载的图片都不能识别,所以几乎可以认为百度抓取时是浏览器禁用javascrip的效果;
我之前也是用vue做的,后来改回传统页面情况有所改善,你们的情况可以用服务端渲染可以解决seo的问题;还有你这个站感觉交互不是特别多,信息展示为主,其实没有多大必要非得用vue做的;
百度暂时不能支持spa应用抓取,甚至lazyload加载的图片都不能识别,所以几乎可以认为百度抓取时是浏览器禁用j ...
客户已经这么写了，让他改，他又不愿意，关于服务器端渲染，，可以讲的更详细些吗，万分感谢
网上找过一些方法，问了程序猿哥哥，他说那些方法都是为了有dom元素，实行起来比较麻烦，还不如直接重做呢，，所以，，用服务器端渲染，也会很难吗？
客户已经这么写了，让他改，他又不愿意，关于服务器端渲染，，可以讲的更详细些吗，万分感谢
网上找过一 ...
服务端渲染肯定是要开发人员做的,感觉你们是外包做SEO的?
就你举例这个网站而言,选择技术栈的时候确实没选好,主要是信息展示型的功能没有必要用
你们协商吧
央行 刚出政策 严打各类虚拟币平台 百度会不会跟政策
本帖最后由 47... 于
13:20 编辑
央行 刚出政策 严打各类虚拟币平台 百度会不会跟政策
命中注定跪在这里吗
Powered by用了react 或者 vue，如何做SEO优化呢？ - 知乎545被浏览<strong class="NumberBoard-itemValue" title="2,069分享邀请回答1添加评论分享收藏感谢收起}