自学内容网 自学内容网

Vue与ASP.NET Core Web Api设置localhost与本地ip地址皆可访问

Vue的设置

我们创建并启动一个Vue项目,如下所示:

image-20240724091722654

打开cmd,输入ipconfig查询本地ip地址:

image-20240724092321646

想通过本地ip地址访问,把localhost改成本地ip地址,发现打不开:

image-20240724092439478

这是因为Vue项目默认只有localhost,查看启动终端:

image-20240724092543635

这时候就需要进行配置,打开package.json,在scripts下的dev中加上–host 0.0.0.0:

image-20240724092807126

再次启动,查看终端:

image-20240724092941670

这样子就可以了,通过本地ip访问服务,如下所示:

image-20240724093139130

ASP.NET Core Web Api的设置

我们创建并启动一个Web Api,默认也是localhost,如下所示:

image-20240724093829661

直接本地ip地址访问,也是打不开如下所示:

image-20240724094025454

在Program中加上一行

 builder.WebHost.UseUrls("https://*:7101");

即可,如下所示:

image-20240724094254887

再次启动,现在通过localhost与本地ip地址都可访问服务了,如下所示:

image-20240724095630573


原文地址:https://blog.csdn.net/mingupup/article/details/140661723

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!