精仿腾讯3366小游戏门户网站源码织梦最新内核带全部数据!,时尚网站设计教程,有服务器域名源码怎么做网站平台,织梦网站必须下载地址( 半盏屠苏犹未举#xff0c;灯前小草写桃符 )书接上文《【Blog.Core开源】开发插件#xff0c;给Swagger加权》#xff0c;在上篇文章中#xff0c;我们给项目的接口文档增加了一个控制界面#xff0c;可以输入用户名密码#xff0c;这样也算是简单的一个加密控制了灯前小草写桃符 )书接上文《【Blog.Core开源】开发插件给Swagger加权》在上篇文章中我们给项目的接口文档增加了一个控制界面可以输入用户名密码这样也算是简单的一个加密控制了当然也可以使用Nginx的加权功能具体写法大家搜索下就知道了这里按下不表。本文故事背景花开两朵各表一枝。今天忙中偷闲看了看Github上的Issue都已经四个了该解决解决了找了一个单元测试的Bug简单解决了一下。本着负责的态度还是要好好测试一下打开前端项目npm run serve启动下服务然后配置下后端接口点点没问题关掉项目开始提交等等。突然想到我可以直接把Vue的项目发布好后放到Blog.Core后端的wwwroot里作为静态资源文件来访问这样每次后端修改完成以后就不用再打开前端了比如这样同一个站点Blog.Core的Swagger接口文档
http://localhost:9291/Blog.Admin的Vue界面展示效果
http://localhost:9291/ui/这样就很方便了说来就来简单修改下便满足了直接上代码。01PART打包Vue前端作为经常开发Vue的小伙伴肯定很熟悉前后端比较有关联的地方无非就那么几个1、api的base接口
// src\api\api.js2、打包的相对路径
// src\router\index.js因为是前后端一个域名所以直接用把base接口设置为后端接口绝对路径就行然后给前端增加一个/ui/的路由前缀所以输出也要改一下然后除了那两个修改以外还有个需要修改的就是路由模式经过测试在netcore里静态资源访问Vue项目如果Vue用history路由的方式话刷新页面会出现404的问题毕竟不是nginx不能修改try_file不过我再研究下有更新会发公众号补充。所以这里先把路由模式改为hash模式然后npm run build进行打包万事俱备再配置后端。02PART修改后端读取静态文件后端就相对比较简单些因为之前该配置的都已经配置好了只需要将上文打包后文件拷贝到wwwroot静态文件夹里就行有一个简单修改的就是配置下默认的index.html作为首页// 使用静态文件DefaultFilesOptions defaultFilesOptions new DefaultFilesOptions();defaultFilesOptions.DefaultFileNames.Clear();defaultFilesOptions.DefaultFileNames.Add(index.html);app.UseDefaultFiles(defaultFilesOptions);app.UseStaticFiles();记得要做一下gitignore哟毕竟文件挺多的。直接启动项目浏览/ui/文件夹就会看到效果了动图展示下做到这里其实我们的需求已经做完了以后在不改变接口的情况下可以直接预览效果看看接口是否可以。但是却不是完美的这里随便说一个问题大家可以自己暂停思考下看看和我想的是否一致。这样把前端打包好的dist文件夹放到后端项目会不会文件又多占地方又不好看如何改进一下呢03PART其他静态文件优化如果你之前看过我讲过微软的那个微服务架构eShopOnContainer的话应该知道它里边就有一个处理的方案就是zip压缩包。所以我也有压缩包的形式放到wwwroot里然后在项目启动的时候把压缩包解压到wwwroot的ui文件夹即可。/// summary/// 将前端UI压缩文件进行解压/// /summarypublic static class UiFilesZipSetup{public static void AddUiFilesZipSetup(this IServiceCollection services, IWebHostEnvironment _env){if (services null) throw new ArgumentNullException(nameof(services));string zipUiItemFiles Path.Combine(_env.ContentRootPath, wwwroot, ui.zip);ZipFile.ExtractToDirectory(zipUiItemFiles, Path.Combine(_env.ContentRootPath, wwwroot));}}然后在startup的服务配置中引用一下就好后端最终修改是这么多好啦今天的优化就这么多了开发还是要尽量做到力所能及比如单元测试比如静态文件修改比如zip压缩。希望能给小伙伴一些灵感吧最后祝大家马上到来的除夕愉快
