目录

  • 一、什么是 host ?
  • 二、配置 host 的好处
  • 三、如何配置 host ?
  • 四、host 的原理图解
  • 五、配置好 host 后遇到的问题
    • 1、cookie 失效
    • 2、页面出现 Invalid Host header 的问题

一、什么是 host ?

host 是一个没有扩展名的系统文件,用来将 “网址域名” 与 “IP地址” 建立一个关联 “数据库”,当用户在浏览器中输入一个需要登录的网址时,系统会首先自动从 Hosts 文件中寻找对应的 IP 地址,一旦找到,系统会立即打开对应网页,如果没有找到,则系统会再将网址提交DNS 域名解析服务器进行 IP 地址的解析。

需要注意的是,Hosts 文件配置的映射是静态的,如果网络上的计算机更改了,请及时更新 IP 地址,否则将不能访问。

二、配置 host 的好处

  • 加快域名解析:对于要经常访问的网站,我们可以通过在 host 中配置域名和IP的映射关系,这样当我们输入域名计算机就能很快解析出 IP,而不用请求网络上的 DNS 服务器。
  • 方便本地测试:对于开发人员来说,内测的时候,我们通常会去修改 host 文件,将线上的域名,绑定成本地 IP。
  • 方便局域网之间的访问:在很多单位的局域网中,会有服务器提供给用户使用。但由于局域网中一般很少架设 DNS 服务器,访问这些服务要输入难记的 IP 地址,对不少人来说相当麻烦。现在可以分别给这些服务器取个容易记住的名字,然后在 host 中建立 IP 映射,这样以后访问的时候我们输入这个服务器的名字就行了。
  • 屏蔽网站:现在有很多网站不经过用户同意就将各种各样的插件安装到你的计算机中,有些说不定就是木马或病毒。对于这些网站我们可以利用 host 把该网站的域名映射到错误的 IP 或自己计算机的 IP,这样就不用访问了。

三、如何配置 host ?

在命令窗口中输入下面的命令,进入 host 文件:

sudo vi /etc/hosts

输入密码进入,然后按 i 键即可编辑文件内容,输入格式:“ <指定的ip> + 一些空格 + <指定的域名>”。比如:

127.0.0.1      test.xxx.com

然后,按ESC键,再按 “shift+冒号” 键,然后输入 “wq” 保存,就好了。

四、host 的原理图解

五、配置好 host 后遇到的问题

1、cookie 失效

客户端已经在请求时的 headers 里设置了credentials: inclue,并且服务端也设置了响应头 Access-Control-Allow-Credentials: true,可是请求的 headers 里为什么没有 cookie 呢?

这是因为,cookie 还有一个要求:只有同源的请求才会携带该源已种的 cookie

所以,在 host 文件配置好指定 IP 的映射到的域名后,应该用这个映射到的域名来请求,此时 就找到 映射到的域 的 cookie 了。

2、页面出现 Invalid Host header 的问题

修改 webpack.dev.conf.js 中的 disableHostCheck 为 true。

在 vue-cli 版本为 2.x 的情况下:

devServer: {disableHostCheck: true,
}

vue-cli 版本 3.x 的情况下:

module.exports = {devServer: {disableHostCheck: true}
}

【参考文章】:
https://www.jianshu.com/p/f2e219fb1ced
https://blog.csdn.net/Growing_way/article/details/82797466
https://blog.csdn.net/github_38336924/article/details/82758803

Linux 修改 host相关推荐

  1. Linux 修改host并生效

    1.修改host 1.1 编辑hosts文件,命令: vi /etc/hosts 1.2 按照IP+网址,配置host 1.3 按"esc",再输入":wq", ...

  2. linux修改host文件

    很多linux新手不知道host位置: host文件位置:/etc/hosts vi /etc/hosts即可编辑 修改方式类似windows.

  3. 如何在linux系统下修改mysql密码_如何在linux下修改mysql数据库密码?linux修改数据库密码的方法...

    本篇文章给大家带来的内容是介绍如何在linux下修改mysql数据库密码?linux修改数据库密码的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助. Linux下修改Mysql的 ...

  4. linux 修改IP, DNS 命令

     linux下修改IP.DNS.路由命令行设置 ubuntu 版本命令行设置IP cat /etc/network/interfaces # This file describes the net ...

  5. linux修改文件信息失败怎么办,【Linux】Linux修改openfiles后不生效问题?

    #次故障问题环境背景: Centos7.4物理机,升级过ssh和ntp: #一般只需要在此文件后面添加4行就行,配置后即可生效(exit再次登录即可生效),此次配置后没生效,reboot还是没生效,在 ...

  6. linux修改主机名命令

    一. 使用hostname命令 比如我现在的主机名是haozhikuan-hbza,如果我想把主机名变成hbza-hbza可以用 hostname hbza-hbza 然后 hostname 或者un ...

  7. linux 修改IP, DNS -(转自fighter)

    linux下修改IP.DNS.路由命令行设置 ubuntu 版本命令行设置IP cat /etc/network/interfaces # This file describes the networ ...

  8. Linux 修改IP

    使用root用户登录进入linux,打开进去终端 在终端中输入:vi /etc/sysconfig/network-scripts/ifcfg-eth0 回车后, 开始编辑,填写ip地址.子网掩码.网 ...

  9. 修改host文件来访问GitHub

    说明 国内无法访问GitHub的问题除了用某工具访问,还可以通过host文件来达到效果,缺点就是需要经常更新ip地址. 一.查询ip地址 通过以下网址来查询 http://ip.tool.chinaz ...

  10. linux rpm目录,Linux修改RPM的安装目录的方法

    Linux系统下大多数人都是使用rpm -i xxxx.rpm命令来安装RPM包,这种情况下RPM会被安装在默认的目录当中.如果不想把RPM安装在这个目录下应该怎么办呢?下面就来介绍一下Linux如何 ...

最新文章

  1. java 类的存储结构设计_Doris存储层设计介绍1——存储结构设计解析
  2. [SimpleOJ238]宝藏探寻
  3. Meizu M8 Preview
  4. 前端工程师和设计师必读文章推荐【系列三十三】
  5. 一步一步SharePoint 2007之十七:解决实现Form认证后无法再用SharePoint Designer编辑网站的问题...
  6. CSS 实现文字、图片垂直对齐(vertical-align)
  7. 2011年的MVP礼包
  8. 多品类适合电商美工收藏|品质页面PSD模板
  9. Bash中单引号和双引号之间的区别
  10. JMeter——JMeter如何进行汉化
  11. 如何获得Android手机的软件安装列表
  12. 电子类经典书籍汇总(转 )
  13. 百度地图-个性化地图用法
  14. 服务端渲染和客户端渲染
  15. 【ubuntu使用排坑】fsckd-cancel-msg:Press Ctrl+C to cancel all filesystem checks
  16. 大数据分析——暑期黑马《延禧攻略》到底有多火!
  17. Android 悬浮窗、悬浮球开发
  18. 【金猿案例展】某远程教育机构——以用户为中心 打造优势教学内容和智慧化学习产品...
  19. 栈的基本结构与基本操作
  20. 消费者洞察:数据影响消费,消费营造数据

热门文章

  1. php有个schost.exe_全面认识Svchost.exe进程
  2. 企业做营销型网站的目的
  3. 《UnityAPI.Rect矩阵》(Yanlz+Unity+SteamVR+云技术+5G+AI+VR云游戏+Rect+Contains+Overlaps+ToString+立钻哥哥++OK++)
  4. UltraCompare破解流程
  5. 计算机应用基础课程考试卷,计算机应用基础考试卷C
  6. 计算机设备安装属于劳务吗,安装属于劳务还是服务?
  7. 计算机专业大专考研考什么科目,计算机专业考研都考什么科目?
  8. ReactNative 导航栏Navigator的使用及参数navigator的传递
  9. 一键去“码”的AI,还能认出带上口罩的脸
  10. ros之tf简介[tf-Package Summary]