VS2022中.Net Api + Vue 从创建到发布到IIS

最新推荐文章于 2025-06-17 20:17:28 发布
原创 最新推荐文章于 2025-06-17 20:17:28 发布 · 1.3k 阅读 · 21 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#.net #vue.js #前端

VS2022中.Net Api + Vue 从创建到发布到IIS

前言

最近从VS2019 升级到了VS2022,终于可以使用官方的.Net + Vue 组合了,但是使用过程中还是有很多问题,这里记录一下.

一、先决条件

Visual Studio的安装内容，首选确保Visual Studio是2022版本及以上,安装部门选择ASP.NET和Web开发选项与 Node.js开发.
在这里插入图片描述

二、创建项目

准备好上面的内容后在创建的项目的地方搜索Vue and ASP.NET Core:

我这里命名为VueAndNetTest,后面配置直接默认即可
在这里插入图片描述

三、运行项目

创建好项目后可以看到解决方案里面有两个项目,一个是.Net的为服务端,Vue的为客户端,毕竟是个前后端分离的项目.
在这里插入图片描述

到这里就已经可以直接运行项目了，会有两个命令符窗口弹出来,一个是Vue的运行另一个是.Net Core的运行.

最低0.47元/天 解锁文章

200万优质内容无限畅学
vs2022 开发vue带后端
Henry_Wu001的专栏
08-06 847
2)对于已有的可以参考这个开始。1)参考官方方法新建开始。
.net core + vue IIS发布问题总结
Aet_yujun的博客
05-18 965
第一次次使用 .net core + vue 发布iis 做个简单记录 遇到的问题以及解决跨域问题 首先 是前后端分离 前端后端发布为两个IIS网站 ( 跨域问题使用Cors(后端)处理) 首先是坑1:withCredentials:true axios默认不带cookie .尽量在此配置中不去使用cookie 可以尝试axios.defaults.headers.token 等传输数据 然后是坑2 :services.AddCors(options => ...
Visual Studio 开发Vue项目
ljfblog的专栏
12-16 4195
0.前言 Visual Studio 2022中有Vue项目模板，但是下载Vue时不顺畅。 所以改变镜像解决此问题。 1.安装Node.jsNode.jsNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.https://nodejs.org/en/ 2.更改npm镜像地址： 开始->运行->cmd: >node >npm config set registry=http...
在 Visual Studio 中使用 Vue 创建 ASP.NET Core 应用
最新发布
寒冰屋的专栏
06-17 39
在 Visual Studio 中使用 Vue 创建 ASP.NET Core 应用
通过VS创建vue项目
weixin_69383502的博客
05-09 864
回车之后等它跑完，进入目录后输入指令 npm run serve 运行项目。1.右击VS code，以管理员身份运行。
.NET Core API框架实战（七） 集成Vue 实践
qq_35193189的博客
12-10 1210
1、下载VS Code安装Node.js并依赖vue脚手架 如未安装：https://nodejs.org/dist/v8.11.4/node-v8.11.4-x64.msi 如安装node.js 检查是否安装成功 检查安装成功之后，输入命令：npm install -g vue-cli 安装完之后，输入vue检查是否安装成功，输入命令：vue --version 最后，...
VS2022 .NET5一键发布到远程腾讯云IIS服务器
leikunbo的博客
06-20 603
原文链接：https://blog.csdn.net/baidu_39105563/article/details/123299116。版权声明：本文为CSDN博主「小星博博」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。就是这个东西，我的服务器是64位的，如果是本地iis用的话，看一下自己系统是多少位的 下载好后自行安装。到这里服务器的事就配置好了，接下来配置VS。（3）配置服务器的信息，这是配置好的截图。（1）选择WebServer（IIS）配置好，重新启动IIS。
2024年最全2024基于webpack从0搭建vue项目，vue2，精选前端面试真题集锦
2401_84447233的博客
05-14 929
学习html5、css、javascript这些基础知识，学习的渠道很多，就不多说了，例如，一些其他的优秀博客。但是本人觉得看书也很必要，可以节省很多时间，常见的javascript的书，例如：javascript的高级程序设计，是每位前端工程师必不可少的一本书，边看边用，了解js的一些基本知识，基本上很全面了，如果有时间可以读一些，js性能相关的书籍，以及设计者模式，在实践中都会用的到。学习html5、css、javascript这些基础知识，学习的渠道很多，就不多说了，例如，一些其他的优秀博客。
IIS部署.NET+Vue项目.docx
05-25
在本文中，我们将对 iis 部署 .net + vue 项目的知识点进行总结，涵盖从项目的基本环境到 api 的配置、https 的设置、Swagger 的使用等多个方面。 一、基本环境 首先，我们需要准备好基本环境，包括： * .NET ...
.NET WebApi 发布到服务器(windows)并开放端口
11-14
为了将 .NET WebApi 发布到 Windows 服务器上并开放端口，需要配置 IIS（Internet Information Services）服务器。IIS 是 Windows 操作系统自带的 Web 服务器软件，提供了强大的 Web 应用程序托管和管理功能。 在...
net的项目部署在服务器上,一步步教你部署.net Core+Vue项目到服务器
weixin_35980160的博客
08-03 1643
最近一直在做项目，发布部署的事情都是同事或者老大做的，无奈什么事都要自己尝试经历后才能记住，所以发布的事情轮到我了，由于是第一次发布部署项目到一个新的服务器环境，难免会遇到各种各样的问题，总结下来，希望可以帮到需要的人。项目框架使用的是vue+.netCore2.2所以发布的时候需要前后端分开发布，遇到的问题是挺多的，不过对自己来说也算是一种经历吧。一．.netCore项目发布1.1修改环境配...
VS2022（Visual Studio）发布ASP.NET Core Web API应用到Web服务器（IIS）
热门推荐
保持乐观
09-22 1万+
写完代码后，最常用、简单的发布方式，就是将应用发布到文件夹，然后将publish文件夹复制到要部署的机器上（本地、局域网服务器、云服务器等）。但是在实际工作中，可能会遇到需要频繁地发布，以使应用保持最新的版本。这时候大量的、费时的、重复的操作就很烦人，那么可以试一下以下的方法。使用Web部署（Web Deploy）将应用发布到Web服务器（IIS），实现CD（持续集成）。
VS2022创建WebAPI项目
分享DotNet技术和日常开发笔记，DotNet，Python为主。
09-21 7232
在 Visual Studio 2022 中，创建 Web API 项目是一种创建用于构建 RESTful API 的 ASP.NET Core 项目的方式。Web API 项目提供了一种简单且灵活的方法来构建和公开 API，以便其他应用程序可以通过 HTTP 请求与之交互。MVC 架构：Web API 项目使用 ASP.NET Core MVC 架构，可以轻松地定义和处理控制器、路由、模型绑定、过滤器等。
vs2022 搭建NET6 WebApi 接口项目《三》 配置跨域
wh55llme的博客
02-02 816
vs2022 搭建NET6 WebApi 接口项目《三》 配置跨域
vs2022 使用 ASP.NET Core 创建 Web API(1)
startstudent的博客
02-21 2348
10.更新 PostTodoItem create 方法 (此方法在刚创建得脚本中)根据官网操作的 感兴趣的可以直接看官网。注：如果提示你的链接不是专属链接可以。3.运行 提示证书 选是会跳转链接。4.完成后 点击试用 -> 执行。5.测试请求的URL 会返回示例。8.Program 添加。2.创建web api。7.添加数据库上下文。
使用VS2022发布后端接口，创建本地IIS服务器，并且能通过外网能访问到你的端口
qq_53342636的博客
08-03 7960
发布后端接口，建立本地服务器，并且可以让同学通过外网访问
VS2022 WebApi 开发环境搭建
dbgang的博客
03-18 1663
Win10 Win 11 Vs2022 WEBAPI WebDeloy IIS Swagger
asp.net core 项目发布到 IIS 服务器
是萝卜干呀的博客
04-09 2168
通过 vs2022 发布 asp.net core 项目，再开启 IIS 服务，安装 ASP.NET Core Hosting Bundle，将 core 项目最终部署到 IIS 服务器上。
VS2022 使用Standalone JavaScript Vue Template创建的Vue版本不是3.0
lee576的专栏
12-19 2515
实践出真知，这话一点不假，之前在微信公众号上看的一篇文章，说是用这个模板创建Vue 3.0 + WebApi的项目，结果自己照着创建一个就是各种坑和问题，可能是新东西出来还不成熟吧！使用 Vue 3.0的Setup语法糖居然编译错误 使用查看当前的Vue版本 npm list vue 结果查到版本是 2.6.4 不是 3.0！使用 如下命令升级Vue npm install vue@3.0 安装完成，运行，结果遇到如下错误 Error: Cannot find module '@vue/.
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值