《Angular之ng build部署后base文件路径问题》

前言:

                                                            千锤万凿出深山,烈火焚烧若等闲。

正文:

   一。问题描述

        使用angular-cli搭建的项目,执行ng build后,浏览器打开空白,界面显示一直loading.

   二。问题定位

        文件路径不对,使用ng new project搭建后,在宿主页面默认设置了一个基本路径:

《Angular之ng build部署后base文件路径问题》

      三。解决方案 

            在package.json文件的scripts中添加命令:

                                                                             "build":"ng build --base-href ./"

           –base-href后面替换成打包后的base路径

《Angular之ng build部署后base文件路径问题》

      执行:

                                                                        npm run build,问题就迎刃而解了。

结语:

                                                                        宝剑锋从磨砺出,梅花香自苦寒来。

《Angular之ng build部署后base文件路径问题》