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

本文档详细介绍了如何在本地开发环境中配置单点登录功能,特别是通过编辑hosts文件创建本地域名,并进行DNS缓存刷新。步骤包括找到并修改hosts文件,配置本地域名,刷新DNS,以及在Vue项目中进行相关配置。遵循这些步骤后,开发者可以在本地通过http://login.iqiyi.com:80/进行访问。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

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

在这里插入图片描述
在这里插入图片描述

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

在这里插入图片描述
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

在这里插入图片描述

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

在这里插入图片描述

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值