本地配置域名访问本地启动的vue项目

开发过程中,遇到单点登录功能,需要配置域名才能访问证书.
1、如何在本地创建域名

1、快速找到hosts文件,win + R 打开运行工具,输入C:\Windows\System32\drivers\etc 回车直接进入该文件夹

本地配置域名访问本地启动的vue项目_第1张图片
本地配置域名访问本地启动的vue项目_第2张图片

2、打开hosts文件,配置域名(注意:域名后不要有空格)

本地配置域名访问本地启动的vue项目_第3张图片
tips:
hosts: 由操作系统操作的IP和域名的本地映射文件,可以视为DNS server的重写,一旦查到了指定的域名,就不会继续查找DNS server, 所以可以节省时间。
但是hosts设置的IP地址是静态的,如果web app的宿主机地址发生改变,对应的hosts也要改写。
DNS是一个服务器,可以看作注册表,记录域名及对应的IP。浏览器访问网址时会根据域名在此服务器获得IP.
为了加快访问速度,DNS会将一部分服务委托给子服务器,实现迭代查找

3、本地域名刷新

域名刷新(Windows):[cmd] ipconfig /flushdns
(Mac): sudo killall -HUP mDNSResponder

4、测试本地域名是否配置成功

[cmd] ping www.lib.cn

本地配置域名访问本地启动的vue项目_第4张图片

5、上述配置完以后要回到本地的vue代码中,在vue.config.js文件配置中进行配置

本地配置域名访问本地启动的vue项目_第5张图片

6、像这样修改之后,重启项目,就可以在本地浏览器输入http://login.iqiyi.com:80/进行访问了

你可能感兴趣的:(vue.js,前端,javascript)