Asp.net core Web项目怎么使用本地IIS运行代码调试

2 篇文章 0 订阅
1 篇文章 0 订阅

1、使用管理员权限运行VS工具,再打开Asp.net core web项目。此操作是需要管理员权限在本地IIS中创建默认站点的子应用程序,并将路径指定到web项目根目录。

2、打开项目下Properties文件夹下的launchSettings.json 文件,在iisSettings下配置本地iis配置,并指定url值。如下:

  "iisSettings": {
    "windowsAuthentication": false,
    "anonymousAuthentication": true,
    "iis": {
      "applicationUrl": "http://localhost/WebAppMVC",  //本地iis配置路径
      "sslPort": 0
    },
    "iisExpress": {
      "applicationUrl": "http://localhost:14074",
      "sslPort": 0
    }
  }

注意: WebAppMVC为项目名。

3、修改IIS Express启动命令 "commandName": "IIS"。如下:

  "profiles": {
    "WebAppMVC": {
      "commandName": "Project",
      "dotnetRunMessages": true,
      "launchBrowser": true,
      "applicationUrl": "https://localhost:7266;http://localhost:5154",
      "environmentVariables": {
        "ASPNETCORE_ENVIRONMENT": "Development"
      }
    },
    "IIS Express": {
      "commandName": "IIS",  // IIS Express 改为 IIS
      "launchBrowser": true,
      "environmentVariables": {
        "ASPNETCORE_ENVIRONMENT": "Development"
      }
    }
  } 

4、启动web项目调试,如下图:

此时,启动页面打开,可以查看IIS中站点Default Web Site下的子应用程序 WebAppMVC。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
当在 ASP.NET Core Web 项目中使用 Vue.js 时,您可以通过以下代码示例来演示如何在 Razor 页面中集成和使用 Vue 组件。 1. 在 ASP.NET Core Web 项目的 `Startup.cs` 文件中,确保您已启用静态文件服务: ```csharp public void Configure(IApplicationBuilder app, IWebHostEnvironment env) { // 其他配置代码 app.UseStaticFiles(); } ``` 2. 在 ASP.NET Core Web 项目的 Razor 页面或视图文件中,引入 Vue.js 和您的 Vue 组件。您可以在页面的 `<head>` 部分引入 Vue.js,以及在页面的 `<body>` 部分引入您的 Vue 组件。例如,假设您有一个名为 `HelloWorld.vue` 的 Vue 组件。 ```html <!-- 在 <head> 部分引入 Vue.js --> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script> <!-- 在 <body> 部分引入您的 Vue 组件 --> <div id="app"> <hello-world></hello-world> </div> <!-- 编写并注册您的 Vue 组件 --> <script> // 注册 HelloWorld 组件 Vue.component('hello-world', { template: '<p>Hello, World!</p>' }); // 创建 Vue 实例 new Vue({ el: '#app' }); </script> ``` 3. 运行 ASP.NET Core Web 项目,并访问包含 Vue 组件的页面。您应该能够在浏览器中看到输出 "Hello, World!"。 这是一个简单的示例,演示了如何在 ASP.NET Core Web 项目中使用 Vue.js。您可以根据需要扩展和定制这个示例,编写更复杂的 Vue 组件,并在 Razor 页面中使用它们。通过这种方式,您可以在 ASP.NET Core Web 项目中利用 Vue.js 的强大功能,构建交互式的前端用户界面。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值