从浏览器访问百度首页（https://www.baidu.com）的过程涉及 多层网络协议

站长之家（Chinaz.com）6月15日消息上周，百度站长平台针对“PC页面与H5页面的跳转适配”问题发布公告，其表示在PC版页面上添加指向相应的移动版网址的特殊链接rel="alternate"标记有利于站点移动页面的抓取；同时在移动版页面上添加指向对应PC版页面的rel="canonical"标记是跳转适配的最优方案。

例如：

pc版网址：
http://www.example.com/page-1

在网上搜索404配置，有很多配置文章，但都是关于fastcgi_intercept_errors的，不过对我们的项目不起作用。我们的项目使用nginx做反向代理，通过域名区分不同的网站，配置fastcgi_intercept_errors不生效，需要配置proxy_intercept_errors。

在我们服务器重启或者报错的时候，为了不让用户访问报错，可以自定义错误页面，配置方式如下：

1、在http{}中假如如下代码

在Vue里，路由就像“页面导航的指挥官”，专门负责管理页面（组件）的切换和显示逻辑。简单来说，它能让单页应用（SPA）像多页应用一样实现“不同URL对应不同页面”的效果，但整个过程不会刷新网页。

一、路由的核心作用：让SPA有“页面感”

在发布Windows平台版本的同时，今天微软也发布了适用于macOS平台的新版Edge浏览器。在从EdgeHTML引擎切换到开源Chromium之后，新版Edge浏览器为开发者和用户带来了更标准化的Web体验，从而让网站加载的外观接近于Chrome的体验。

新版Edge浏览器带来了很多新体验，并且在安全方面默认启用了多项追踪保护功能。SmartScreen和Tracking Prevention机制能够防止网站钓鱼行为、恶意程序和其他恶意软件的侵扰，而InPrivate模式能够更妥善的保护用户隐私。

前端三大核心是网页开发的基础，Vue则是基于它们构建的“生产力工具”。

通俗理解就是HTML是化妆的工具如眉笔，CSS是化妆品如口红，JavaScript是化妆后的互动，而Vue就是化妆助手。有了化妆工具、化妆品和化妆后的交互，化妆助手将这些元素整合起来，打造出一个完美的妆容。

HTTP 基本概念

HTTP 是超文本传输协议，也就是HyperText Transfer Protocol。

HTTP 常见的状态码有哪些？

1xx 类状态码属于提示信息，是协议处理中的一种中间状态，实际用到的比较少。

2xx 类状态码表示服务器成功处理了客户端的请求，也是我们最愿意看到的状态。

一、完整目录结构

plaintext

src/
├── router/
│   ├── index.js           # 主路由配置
│   ├── mobileRoutes.js    # 移动端路由
│   └── pcRoutes.js        # PC端路由
├── views/
│   ├── mobile/            # 移动端视图
│   │   ├── Home.vue
│   │   ├── Product.vue
│   │   └── Cart.vue
│   └── pc/                # PC端视图
│       ├── Home.vue
│       ├── Product.vue
│       └── Cart.vue
├── utils/
│   ├── device.js          # 设备检测工具
│   └── storage.js         # 本地存储工具
├── App.vue
└── main.js                # 入口文件