Javaweb+Angular项目避免打包后找不到静态资源文件的措施

原创

于 2019-06-02 18:02:47 发布 · 2.6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#angular #ng build #--base-href #资源文件

本文介绍了如何解决Javaweb+Angular项目打包后找不到静态资源的问题。关键步骤包括：确保前端Angular项目名与后端Java项目名一致；在`package.json`的`build`命令中使用`--base-href`指定资源路径；在`angular.json`的`build`部分的`asset`配置中调整资源路径；最后，正确调用静态资源文件的方式，例如图片引用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、前端创建的angular项目的名称应该和后端创建的java项目的名称保持一致；

2、package.json中的build需要通过–base-href来指定静态资源的路径，具体如下：

"build": "ng build --base-href ./",	//开发环境
"build:prod": "ng build --prod --base-href /xiangmumingcheng/",	//生产环境

3、如果需要修改静态资源文件的路径需要修改angular.json中build项的asset项，具体如下：

"assets": [

最低0.47元/天解锁文章

200万优质内容无限畅学