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

news2024/11/15 9:24:29

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1948110.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

二级医院LIS系统源码,医学检验系统,支持DB2,Oracle,MS SQLServer等主流数据库

系统概述: LIS系统即实验室信息管理系统。LIS系统能实现临床检验信息化,检验科信息管理自动化。其主要功能是将检验科的实验仪器传出的检验数据经数据分析后,自动生成打印报告,通过网络存储在数据库中,使医生能够通过医…

Stage模型应用程序包结构

目录 官网地址 官网结构图 开发态包结构 工程目录结构 配置文件 module.json5配置文件 app.json5配置文件 官网地址 官网地址 包结构 官网结构图 开发态包结构 在DevEco Studio上创建一个项目工程,并尝试创建多个不同类型的Module(类似一个一个的页…

基于区块链技术的高校教育资源共享的研究

(一)项目背景 时代变迁下的高教管理革新需求 当前,我国高等教育体系深受行政化管理模式影响,其在指引办学方向、资源优化配置及院校稳定上功不可没。然而,随着社会主义市场经济体系的深化发展,该模式逐渐显…

opencv - py_calib3d - py_calibration 相机校准

文章目录 Camera Calibration 相机校准目标基础知识代码设置校准去失真1. 使用 **cv.undistort()**2. 使用 **remapping** 重新投影误差 Camera Calibration 相机校准 目标 在本节中,我们将学习 相机造成的失真类型如何找到相机的内在和外在属性如何根据这些属性…

代码随想录——一和零(Leetcode474)

题目链接 0-1背包 class Solution {public int findMaxForm(String[] strs, int m, int n) {// 本题m,n为背包两个维度// dp[i][j]:最多右i个0和j个1的strs的最大子集大小int[][] dp new int[m 1][n 1];// 遍历strs中字符串for(String str : strs){int num0 …

通信原理-思科实验三:无线局域网实验

实验三 无线局域网实验 一:无线局域网基础服务集 实验步骤: 进入物理工作区,导航选择 城市家园; 选择设备 AP0,并分别选择Laptop0、Laptop1放在APO范围外区域 修改笔记本的网卡,从以太网卡切换到无线网卡WPC300N 切…

若依 ruoyi poi Excel合并行的导入

本文仅针对文字相关的合并做了处理 ,图片合并及保存需要另做处理!! 目标:Excel合并行内容的导入 结果: 1. ExcelUtil.java 类,新增方法:判断是否是合并行 /*** 新增 合并行相关代码:…

文件解析的终极工具:Apache Tika

文件解析的终极工具:Apache Tika Apache Tika 简介 Apache Tika 是一个开源的、跨平台的库,用于检测、提取和解析各种类型文件的元数据。 它支持多种文件格式,包括文档、图片、音频和视频。 Tika是一个底层库,经常用于搜索引擎…

Windows下ORACLE数据泵expdp和impdp使用

Windows下ORACLE数据泵expdp和impdp使用 一、基础环境 操作系统:Windows server 2008; 数据库版本:Oracle Database 11g Enterprise Edition Release 11.2.0.4.0 - 64bit Production 数据库工具:PL/SQL 12.0.7 实验内容&…

springboot配置文件如何读取pom.xml的值

比如想读取profile.active的值&#xff0c;默认属性为pro 在maven中加入以下插件&#xff1a; <plugin><groupId>org.apache.maven.plugins</groupId><artifactId>maven-resources-plugin</artifactId><version>3.2.0</version>&l…

FastGPT 源码调试配置

目录 一、添加 launch.json 文件 二、调试 本文简单介绍如何通过 vscode 对 FastGPT 进行调试。 这里假设已经安装 vsocde 和 FastGPT本地部署。 一、添加 launch.json 文件 vscode 打开 FastGPT 项目,点击 调试 -> 显示所有自动调试配置 -> 添加配置 -> Node.j…

AI视频生成器,堪称自媒体人的神器

Vozo Rewrite & Redub 是一款创新的视频编辑工具&#xff0c;可以通过简单的提示重写视频脚本、然后这个工具会自动给视频重新配音、翻译语音并口型同步&#xff0c;然后生成新的视频。 无论是将经典视频转变为病毒视频宣传片&#xff0c;还是将普通视频变成喜剧&#xff…

Vue2高级用法

Vue2高级用法 1、mixin复用【vue不会用了&#xff0c;了解一下】1.1 基础使用1.2 选项合并1.3 全局混入1.4 细数 mixin 存在的问题 2、vue.js 动画特效&#xff06; 常见组件库介绍2.1 进入/离开基础使用示例2.2 进入/离开自定义过度类名2.3 进入/离开动画钩子2.4 多组件过渡与…

pdf2image:将PDF文档转化为图像的Python魔法

标题&#xff1a;探索pdf2image&#xff1a;将PDF文档转化为图 像的Python魔法 背景 在数字时代&#xff0c;我们经常需要处理各种格式的文档&#xff0c;尤其是PDF文件。PDF以其跨平台的可读性和稳定性而广受欢迎。然而&#xff0c;有时我们需要将PDF文件转换成图像格式&am…

AI大模型学习笔记-gpt

多模态&#xff08;Multimodal&#xff09;技术指的是处理和整合来自多种不同类型数据&#xff08;模态&#xff09;的信息和方法。在计算机科学和人工智能领域&#xff0c;这种技术可以应用于多个方面&#xff0c;比如图像、文字、语音、视频等。这种技术的主要目标是通过整合…

Java中包,final,权限修饰符,代码块学习

&#xff08;这一小节我看的是面向对象进阶-13-包和final_哔哩哔哩_bilibili&#xff09; 包&#xff1a; final: Ctriln可以搜索包 细节&#xff1a;引用是记录的地址值&#xff0c;实际上final修饰的基本类型&#xff0c;引用类型实际上的数据都是不发生改变的。 权限修饰符…

什么是图纸加密软件,图纸加密软件推荐

图纸加密软件是一类专门用于保护CAD图纸和其他设计文件安全的工具。随着技术的发展&#xff0c;工程设计和制造业中的图纸和设计文件越来越多地以数字化形式存储和传输&#xff0c;这使得这些数据容易成为潜在的攻击目标。图纸加密软件通过对图纸文件进行加密保护&#xff0c;确…

AI学习记录 - 图像识别的基础入门

代码实现&#xff0c;图像识别入门其实非常简单&#xff0c;这里使用的是js&#xff0c;其实就是把二维数组进行公式化处理&#xff0c;处理方式如上图&#xff0c;不同的公式代表的不同的意义&#xff0c;这些意义网上其实非常多&#xff0c;这里就不细讲了。 const getSpecif…

python黑马笔记

运算符&#xff1a; 算术运算符&#xff1a; 加 - 减 * 乘 / 除 // 整除 % 取余 ** 求平方 除法计算得出的结果都是小数 赋值运算符&#xff1a; 标准赋值&#xff1a; 复合赋值&#xff1a; 、 - 、 * 、 / 、// 、 ** 字符串&#xff1a; 字符串拓展内容&#xf…

前端开发知识(三)-javascript

javascript是一门跨平台、面向对象的脚本语言。 一、引入方式 1.内部脚本&#xff1a;使用<script> &#xff0c;可以放在任意位置&#xff0c;也可以有多个&#xff0c;一般是放在<body></body>的下方。 2.外部脚本&#xff1a;单独编写.js文件&#xff…