asp .net core 单页应用
2023-09-14 08:59:24 时间
前言
单页应用其实就是 asp.net core 来作为js service,个人觉得这样更好调试,这种比较适合中小型业务。
正文
因为自己写过混合app是ionic,那么就尝试一下angular的单页应用和asp .net core的结合。
根据文档,运行下面的命令:
dotnet new angular -o my-new-app
看下生成的代码和普通的有啥不同。
看下中间件。
app.UseSpa(spa =>
{
// To learn more about options for serving an Angular SPA from ASP.NET Core,
// see https://go.microsoft.com/fwlink/?linkid=864501
spa.Options.SourcePath = "ClientApp";
if (env.IsDevelopment())
{
spa.UseAngularCliServer(npmScript: "start");
}
});
这里面配置了一个源,这个源就是ClientApp。
找到这个目录。
if (env.IsDevelopment())
{
spa.UseAngularCliServer(npmScript: "start");
}
这里显示如果是dev,那么将会运行npm run start。
然后看下:ConfigureServices。
services.AddSpaStaticFiles(configuration =>
{
configuration.RootPath = "ClientApp/dist";
});
还记得静态资源中,如果不匹配那么回去找到这个ClientApp/dist下的default.html、index.html 等。
这样就asp .net core 提供了一个js servers。
那么我们如果单纯的想调试UI 怎么办呢?
进入ClientApp,运行npm run start,即可单独调试。
因为没去深入只是写下查看的内容,后续深入会补上。
深入
补上
相关文章
- asp.net面试题
- ASP.NET Core 6框架揭秘实例演示[29]:搭建文件服务器
- ASP.NET Core 6框架揭秘实例演示[32]:错误页面的N种呈现方式
- ASP.NET Core 6框架揭秘实例演示[34]:缓存整个响应内容
- 快速了解 ASP.NET Core Blazor
- 【愚公系列】2023年02月 .NET CORE工具案例-ChatGPT和.NET Core应用的结合
- 【愚公系列】2023年02月 .NET CORE工具案例-Workflow-Core轻量级工作流引擎(随机流程)
- ASP.NET Core技术--使用用户密码保护API接口
- ASP.NET Core 3.1后项目文件与.NET Core2.X的变化异同说明
- ASP.NET WEB+EntityFramework数据持久化——考核练习库——1、用户管理系统(考点:查询列表、增加、删除)
- .net安装 Linux 上的 ASP.NET 环境(linux安装asp)
- asp.net的web服务MSSQL检测ASP.NET的Web服务——利用它构建更棒的站点(mssql检测基于)
- ASP转换MySQL掌握数据库迁移技术(asp转换为mysql)
- ASP.NET技巧:做个DataList可分页的数据源
- ASP.NET与数据库相关技巧
- Asp.Net通用数据操作类(附通用数据基类)
- 如何为asp.net网站项目添加子项目
- ASP.NET输出PNG图片时出现GDI+一般性错误的解决方法
- asp.net身份验证(最简单篇)
- asp.net得到本地电脑基本信息的简单方法
- asp.net读取文本文件并插入数据库的实现代码
- 从ASP.NET得到MicrosoftWord文档的代码
- .Net中导出数据到Excel(asp.net和winform程序中)
- 在ASP.NET中支持断点续传下载大文件(ZT)源码