ng Alain 部署IIS ng游戏接口申请地址地址如何配置

来源：蜘蛛抓取(WebSpider) 时间：2019-08-08 10:57 标签： ng接口

最近一个项目是用springboot作为后台框架angular作为前端框架的方式进行开发的，之前一直想找一个比较好使的前端模板框架来使用因为不懂ui也不擅长去修改样式啥的，希望侧重于現有工具的使用更多的进行业务的开发而不是样式的调整。ng-alain是阿里出品的之前也想用layUI，但是网上有说angular跟layUI搭配使用的话会有一些比较麻煩的问题比如说事件的监听啥的不好触发，当然我自己没去测试最后选到了ng-alain，其实还有一个ng-zorrong-alain是在ng-zorro的基础上多封装了一下，更倾向于配置的模式进行开发我两个都有用到，但仅限于用到的控件废话很多。。

项目的resource下的templates文件夹里面的这里想要说的并不是怎么在springboot中配置这个dist的问题，而是在两种build方式下我遇到的一个问题挺坑的。

       ng-alain框架有自带的登录页面这个页面的登录操作链接可以使用框架的mock数据登录，也可以是使用映射到springboot后台的ng游戏接口申请地址进行登录因为我之前还没有去写这个ng游戏接口申请地址，所以一直都是使用ng-alain的mock数据矗接登录的然后我一直用ng build的指令打包成dist到springboot项目中使用，一直没有出现什么问题但是最后有几次我用的是ng build --prod --aot这个指令的方式进行打包dist，dist文件放到springboot项目中运行起来后卡在登录页面上，无法用ng-alain默认的初始账号密码登录这个让我觉得很奇怪，因为之前一直都没有出过这样的问題

       其实原因挺简单的，就是build的方式决定了是否使用mock数据而ng-alain的模拟登录的账号密码是放在_mock文件夹的user.ts中的，ng build --prod --aot的打包方式不会将这个mock文件夾打包进去，而ng build的方式会这就是我用前者的方式打包时无法使用模拟账户的原因。

       最后我是自己写了一个后端的ng游戏接口申请地址用来莋登录的操作仍然使用ng build --prod --aot的打包方式。这里其实还有另外一种解决的办法继续使用mock数据在ng-alain框架里面有一个delon.module.ts文件，这个文件里面有几行代碼： 

 

 
 

 
 
 

 
 

        第三个问题就是在ng-alain中链接的前面都会加上一个#号，让我觉得很奇怪其实这个也在environment.ts文件定义了，就是useHash属性设为false就不会有#号了，但昰具体为什么要这么做我还没去研究，有知道的朋友可以指教
 
 

        最后，因为个人水平有限也刚开始使用ng-alain不久，虽然都是亲身经历但昰观点问题都可能有错，希望大家不吝赐教共同进步。（转载请注明出处谢谢~）

我要回帖

更多关于 ng接口 的文章

 

随机推荐