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

前言：

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

正文：

一。问题描述

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

二。问题定位

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

三。解决方案

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

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

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

执行：

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

结语：

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