Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。简单来说就是前端最火最简单的一个http请求解决方案。
： 解析渲染该过程主要分为以下步骤：a.解析HTML b. 构建DOM树 c.DOM树与CSS样式进行附着构造呈现树 d.布局 e.绘制
如果网站存在大量的404状态码的URL地址（即所谓的死链），这将是对网站SEO优化是一个致命的打击，严重影响网站搜索引擎站点评级，不利于网站页面的搜索引擎收录及排名。
2、地址栏输入 http://localhost:8080/#/hi 出现一个新的页面，先来看一下我们希望得到的效果
达达回答：Vue的安装可以从两个方面进行安装，第一种是CDN引入，第二种是NPM安装。
如果你在管理一些网站，那么对HTTP重定向的理解对于可靠的网站性能至关重要。在这篇文章中，我们将全面了解一下3xx HTTP状态码，从这里你可以了解它们是如何工作的，如何更好地管理它们，以及它们对SEO的影响。
history模式是指使用HTML5的historyAPI实现客户端路由的模式，它的典型表现就是去除了hash模式中url路径中的#。对于前端路由基本原理还不了解的读者可以看这篇博文【javascript基础修炼(6)——前端路由的基本原理】。在使用Vue-Router时开启history模式非常容易，只需要在实例化路由时传入mode:'history'配置项即可，但缺少服务端支持时，基于historyAPI的路由无法从url地址栏直接访问指定页面，这个很容易理解，因为url地址栏里输入后回车相当于发送了一次GET请求，那么不带#的路由路径就和普通的API接口是一样的，既然服务端并没有定义这样的接口，那直接访问时出现404页面就很正常了。
MVVM 是 Model-View-ViewModel 的缩写。 Model代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑。 View 代表UI 组件，它负责将数据模型转化成UI 展现出来。 ViewModel 监听模型数据的改变和控制视图行为、处理用户交互，简单理解就是一个同步View 和 Model的对象，连接Model和View。 在MVVM架构下，View 和 Model 之间并没有直接的联系，而是通过ViewModel进行交互，Model 和 ViewModel 之间的交互是双向的， 因此View 数据的变化会同步到Model中，而Model 数据的变化也会立即反应到View 上。 ViewModel 通过双向数据绑定把 View 层和 Model 层连接了起来，而View 和 Model 之间的同步工作完全是自动的，无需人为干涉，因此开发者只需关注业务逻辑，不需要手动操作DOM, 不需要关注数据状态的同步问题，复杂的数据状态维护完全由 MVVM 来统一管理。
403 页面通常表示无权限访问，与 404 页面代表着不同含义。而大部分管理后台框架仅提供了 404 页面的支持，但却忽略了对 403 页面的处理，有的框架虽然也有对 403 页面的处理，但处理效果却不尽人意。
就是一个网站有不同的角色，比如管理员和普通用户，要求不同的角色能访问的页面是不一样的。如果一个页面，有角色越权访问，这时就得做出限制了。
最近使用vue-h5-template写一个移动端demo，想配合后端搞一个动态路由，于是想起以前使用过的vue-element-admin项目里的动态路由方案，大概思路就是准备两个路由数组，一个是不需要经过角色过滤的constantRoutes，一个是需要根据角色过滤的asyncRoutes，在用户登录的时候根据用户角色来过滤asyncRoutes，并将路由信息存放到vuex中
我们在 第4部分 完成了编辑用户的功能，并且学习了如何使用 v-model 来监听视图组件中用户信息的更改。现在我们可以开始构思删除用户功能，以及删除操作成功后如何处理 UI 变化。
掘金 | https://juejin.im/user/5a16e1f3f265da43128096cb
前一阵子用nginx分担了我网站由tomcat处理的的http服务，本文就跟大家分享下我的实战过程，以及如何从0开始用nginx来访问你的前端项目，欢迎各位感兴趣的开发者阅读本文。
随着 ajax 的流行，异步数据请求交互运行在不刷新浏览器的情况下进行。而异步交互体验的更高级版本就是 SPA —— 单页应用。单页应用不仅仅是在页面交互是无刷新的，连页面跳转都是无刷新的，为了实现单页应用，所以就有了前端路由。 类似于服务端路由，前端路由实现起来其实也很简单，就是匹配不同的 url 路径，进行解析，然后动态的渲染出区域 html 内容。但是这样存在一个问题，就是 url 每次变化的时候，都会造成页面的刷新。那解决问题的思路便是在改变 url 的情况下，保证页面的不刷新。在 2014 年之前，大家是通过 hash 来实现路由，url hash 就是类似于：
用 Vue.js + vue-router 创建单页应用，是非常简单的。使用 Vue.js ，我们已经可以通过组合组件来组成应用程序，当你要把 vue-router 添加进来，我们需要做的是，将组件(components)映射到路由(routes)，然后告诉 vue-router 在哪里渲染它们。
前面介绍了spring web篇数据返回的几种常用姿势，当我们在相应一个http请求时，除了直接返回数据之外，还有另一种常见的case -> 重定向；
上一篇讲了重新加载标签功能的实现，主要是利用了mitt事件总线库。本篇文章就接着实现关闭标签的功能。
我重点讲讲这个网址规范化，因为这是大家很容易忽略的问题。例如我的域名，如果不做任何设置，它默认会产生四个网址：
后台页面的权限验证与安全性是非常重要的,可以说是一个后台项目一开始就必须考虑和搭建的基础核心功能 我们前端所要做的是: 不同的权限对应着不同的路由,同时侧边栏也需要根据不同的权限 , 异步生成.
webpack + vue + element（mint-ui, etc...） + axois (vue-resource) + less-loader+ ...
前端目前使用的是 基于 vue-element-admin是一个后台前端解决方案，它基于vue和element-ui实现。
{ path:'/gohome', redirect: '/main',//重定向 }
今天部署 VUE发现不能按正常的静态资源文件部署。部署VUE实数没有太多经验，惭愧惭愧。
众所周知，404 错误直接影响到我们网站的 SEO，因为这与 SEO 有关。而子凡将分享一个技巧，通过该技巧，你可以通过允许 404 错误页面并且将其 301 重定向到主页或者其它网站页面来提高网站的 SEO 性能。
本篇为Vue-element-admin开源框架的使用，用于使用该框架的一些方法和注意点
本文由腾讯云+社区自动同步，原文地址 https://stackoverflow.club/article/cos-cdn-static-website/
Vue，Angular，React前端三大框架巨头，重要性不用多说，不过目前项目开发中主要用vue，现总结了一些Vue常用的知识点。
JAVA后端重定向用spring mvc 一般为return “redirect:/url” ,原生重定向为response.sendRedirect(“url”), 有时候spring mvc在重定向的时候会生成一个SESSIONID在浏览器的地址栏以url重写的方式出现，一般为JSESSIONID=***的格式，这时可以用原生重定向response.sendRedirect(“url”)避免这种现象。本文介绍一下302重定向两种方式。
上一篇文章中有同学提到路由鉴权，由于时间关系没有写，本文将针对这一特性对 vue 和 react 做专门说明，希望同学看了以后能够受益匪浅，对你的项目能够有所帮助，本文借鉴了很多大佬的文章篇幅也是比较长的。
上周，本站发布了一篇名为《站长须知：HTTP迁移HTTPS时，如何避免发生重复内容问题》的文章。介绍了HTTP页面迁移到HTTPS的时候，为了避免出现重复内容的不同网站的情况，建议广大站长将所有的HTTP页面使用301重定向到对应的HTTPS，为了让更多人熟悉301重定向，本文将介绍301重定向的方式。当然大前提用户在服务器上必须要正确安装SSL证书。 301重定向 301重定向是指页面永久性移走，是网页更改地址后对搜索引擎最友好的方法。当网站发生调整，改变了网站的目录结构，网页被移到一个新地址。或者网
前后端分离开发模式下，前后端是独立布署的，前端只需要将最后的构建物上传至目标服务器的web容器指定的静态目录下即可
本文转载自掘金专栏，作者：邪瓶张起灵https://juejin.im/post/5c7bae3ff265da2db27950f3
我们在重新向时会用到两个状态码 301：永久重定向 302：临时重定向 这两种方式在不涉及到数据传输时没有什么问题，一旦涉及到数据传输时，这两种方式可能达不到我们预期的效果 如下需求 提交表单到A页面，但A页面仅作为“中介”使用，并不处理表单提交的数据，而是将请求转发给B页面，B页面在进行数据处理
使用.Htaccess文件实现301重定向常用的七种方法 301重定向对广大站长来说并不陌生，从网站建设到目录优化，避免不了对网站目录进行更改，在这种情况下用户的收藏夹里面和搜索引擎里面可能保存的还是老的地址，在打开这些链接时会无法显示页面出现404的错误，造成很差的用户体验并失去了很多流量，今天笔者就给大家分享一下实现301重定向的七种方法。 从搜索引擎优化的角度来看，目前301重定向是网站目录更改后重新定向最为可行的一种办法。在你更改地址使用了301重定向后，搜索引擎只会对新地址进行索引，同时会把旧地址下原来收录的链接转移到新地址下，而上述的这些操作并不会影响到网站在搜索引擎的排名。 实现301重定向最直接的方法是编辑.htaccess文件，想了解关于htaccess文件使用方法，请点此查看。园子需要提醒你的是，在对.htaccess文件进行操作之前，一定要备份好原来的.htaccess文件，以避免修改出错带来不必要的麻烦。 1.重定向Domain.Com到Www.Domain.Com 这种重定向非常常见，最终目的是实现域名的唯一性，也是seo必须要做的。实现方法是在.htaccess文件中加入以下规则： 代码如下: 1 2 3 RewriteEngine On RewriteCond %{HTTP_HOST} !^www.domain.com$ [NC] RewriteRule ^(.*)$ http://www.domain.com/$1 [L,R=301] 注：使用这种301重定向方式后，当你打开类似domain.com的网址后会自动定向到www.domain.com。 2.重定向Www.Domain.Com到Domain.Com 这种操作刚好和上面的域名显示是相反的，规则如下： 代码如下: 1 2 3 RewriteEngine On RewriteCond %{HTTP_HOST} !^domain.com$ [NC] RewriteRule ^(.*)$ http://domain.com/$1 [L,R=301] 注：使用此301重定向方式，当你打开类似www.domain.com的网址后会自动定向到domain.com。 3.重定向Olddomain.Com 到 Newdomain.Com 这种操作经常用于更换域名时用到，很多站长因为种种原因可能要为站点更换域名，此时多采用以下规则来实现重新定向： 代码如下: 1 2 3 4 RewriteEngine On RewriteBase / RewriteCond %{HTTP_HOST} !olddomain.com$ [NC] RewriteRule ^(.*)$ http://newdomain.com/$1 [L,R=301] 注：当用户打开老的域名后，会自动重定向到新的域名下的站点，此时域名显示格式为不带www.的格式。 4.重定向Olddomain.Com 到 Www.Newdomain.Com 这种操作是基于第三种方式的改良，只是显示网址显示为带www.的那种。 代码如下: 1 2 3 RewriteEngine On RewriteCond %{HTTP_HOST} !olddomain.com$ [NC] RewriteRule ^(.*)$ http://www.newdomain.com/$1 [L,R=301] 注：当用户打开老的域名后，会自动重定向到新的域名下的站点，并且网址显示格式为带www.的格式。 5.重定向Domain.Com/File/File.Php 到 Otherdomain.Com/Otherfile/Other.Php 这种操作针对于更改一个域名的同时，网站目录路径也发生变化的情况下使用，规则如下： 代码如下: 1 2 RewriteCond %{HTTP_HOST} ^www.domain.com$ RewriteRule ^file/file.php$ http://www.otherdomain.com/otherfile/other.php [R=301,L] 注：当用户访问老的域名路径时，会重新定向到新的域名新的路径下。 6.IIS服务器下实现301重定向 具体方法如下：打开internet信息服务管理器，在欲重定向的网页或目录上按右键，选中“重定向到URL”， 在对话框中输入目标页面的地址，切记要选中“资源的永久重定向”最后点击“应用”即可。 注：再次提醒你，一定要选中“资源的永久重定向”。 7.Apache服务器实现301重定向 在Apache服务器实现301重定向的方法园子在以前的文章中提到过，只需要在.htaccess文件中加入以下规则： 代码如下: 修改.htaccess文件
自从Vue2.0推荐大家使用 axios 开始，axios 被越来越多的人所了解。使用axios发起一个请求对大家来说是比较简单的事情，但是axios没有进行封装复用，项目越来越大，引起的代码冗余。就会非常麻烦的一件事。所以本文会详细的跟大家介绍，如何封装请求，并且在项目组件中复用请求。有需要的朋友可以做一下参考。
当用户点击或搜索引擎向网站服务器发出浏览请求时，服务器将返回Http Header Http头信息状态码,常见几种如下:
.htaccess文件是Apache服务器中最常用的一个配置文件，它负责相关目录下的网页配置。通过h网络
vue 是 Vue Router 是 Vuejs 官方的路由器，他和 Vue.js 深度集成，是用于单页应用中组件之间的导航，本质上就是通过 components 和 router 进行映射绑定，使用 router-link 传入指定的组件地址，通过 router-view 渲染已经和组件地址绑定好的组件。
更换域名在建站初期是经常发生的事情，无非就是DNS修改下解析，替换下内部代码，但对于运营过一段时间的、搜索引擎收录良好的“成熟”站点来说，修改域名，对网站流量和引擎收录简直就是灭顶之灾。正值最近本站刚更换了域名，就此来记录下作为一个网站，更换域名所需要考虑和修改的内容。
web.xml的 servlet-mapping 中加入对静态资源的处理（可不加）
前两章陆续已经更新了Vue的基础入门篇文章和Vue组件篇文章，本章将更新Vue Router 篇，前两篇掌握差不多了，你可以开发单页面应用，所有数据都在一页呈现出来，不能跳转，体验很差。学习了本篇文章后，你可以实现一个精美的Web应用了，本章将会介绍到路由的跳转实现，路由的动态传递参数，路由的守卫.......
SEO诊断就是SEOer在对网站进行优化推广前，先要对网站本身的整体情况进行诊断，SEO诊断是网站优化推广的基础。SEO诊断是针对客户已经做好的网站，从搜索引擎优化技术策略角度分析都存在什么问题，以及应该如何改进，如何让网站更符合搜索引擎习惯，如何利用最少外链、最少时间、最少金钱快速提高网站关键词排名的一项服务。
301重定向又被称为301转向或301跳转，指的是当用户或搜索引擎向网站服务器发出浏览请求时，服务器返回的HTTP数据流中头信息(header)中的状态马的一种，表示本网页永久性转移到另一个地址。301重定向是网页更改地址后对搜索引擎友好的最好方法，只要不是暂时转移网址，都建议使用301来做转址。
Screaming Frog SEO Spider是一款专业的SEO优化工具，它可以帮助用户快速地分析网站的结构和内容，发现潜在的SEO问题，并提供优化建议。它支持Windows和Mac操作系统，可以在本地计算机上运行，不需要联网。
前几天写了 Vue状态管理模式：Vuex入门教程 ，今天再整理一下 Vue Router 的入门笔记。
在通过nginx启动vue以后我们在访问页面的时候只能访问默认页面和通过项目内跳转其他页面，如果刷新就会404
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
