关于angular-cli build后文件路径错误

最新推荐文章于 2024-05-10 10:47:36 发布
最新推荐文章于 2024-05-10 10:47:36 发布
阅读量826 收藏 1
点赞数
分类专栏： AngularJS Webpack angular-cli
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ho_mx/article/details/69943670
版权

在angular-cli执行ng build --prod --aot后部署上tomcat后发现资源获取路径错误，



google一遍，提示在packge.json的scripts添加"build":"ng build --prod --aot --base-href ./"

其中./是自定义路径，一般为我设置为项目路径

嗯，按照这段指令，可以直接ng build的时候加上--base-href ./ 即可

ok，正常上线

ho_mx
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
《Angular之ng build部署后base文件路径问题》
杨晓风 迷迭香的记忆
09-30 7113
前言：                                                             千锤万凿出深山，烈火焚烧若等闲。 正文：    一。问题描述         使用angular-cli搭建的项目，执行ng build后，浏览器打开空白，界面显示一直loading.    二。问题定位         文件路径不对，使用ng new...
angularjs cli执行ng build命令文件路径错误解决
“明明很开心”的博客空间
04-24 527
angularjs cli执行ng build命令打包文件时，加载的所有js路径错误， 执行使用命令 ng build --base-href ./ 即可解决问题
网页中实现文件上传下载的三种解决方案(推荐)
最新发布
alisky119的博客
05-10 1284
百度WEBUPLOADER上传视频等大文件，WEBUPLOAD组件实现文件上传功能和下载功能，JS大文件切片上传，断点续传实现DEMO，前端上传大文件的解决方案，前端上传大文件处理（切片、断点续传），前端大文件上传优化方案——分片上传，vue大文件上传解决方案，vue大文件上传解决方案10G，vue大文件上传解决方案50G，vue大文件上传解决方案100G，html5如何实现大文件断点续传、秒传，id=e1f49f3e1d4742e19135e00bd41fa3de。示例中已经包含此目录。
Angular11(Cli) 在打包 ng build 后的常见问题处理方案
沐枫
04-21 1万+
前言： 我自认为，到目前为止 Angular 框架始终保持着前端框架领域中的龙头老大位置，虽然在前端框架领域中有很出色的React.js和易上手的Vue.js框架。 从使用以上3个框架的情况来看，我个人更喜欢Angular，尤其是在支持使用TyptScript以后，当然React和Vue都有，而且各个框架都有自己的特色，所以在选择时要根据项目大小、需求等方面来选择合适的前端框架，这里就不多说了...
angular ng build打包后路径错误导致页面404
kikyou_csdn的博客
09-04 2785
错误： ` Failed to load resource: net::ERR_FILE_NOT_FOUND ` 解决： 打包时在ng build后加上--base-href ./
ng2-mode：对Emacs的Angular支持
02-05
7. **Angular CLI集成**：可以调用Angular CLI命令，如`ng generate`、`ng build`等，无需离开Emacs即可管理项目。 8. **集成开发环境（IDE）特性**：如代码折叠、代码格式化、查找和替换等，提升开发体验。 **...
Angular2 环境配置详细介绍
11-26
在使用CLI过程中，可能会遇到“Build failed”的错误。这可能是因为CLI未完全卸载。解决方法是手动删除全局目录中与Angular CLI相关的文件。 Angular CLI提供了一系列方便的命令，用于项目的日常开发： 1. `ng new...
浅析Angular2子模块以及异步加载
08-30
Angular CLI 是一个强大的命令行工具，用于快速搭建、构建和管理 Angular 应用。在本例中，使用 angular-cli 创建项目并进行打包，可以方便地进行性能分析，查看启用延迟加载前后的包大小变化。在创建项目时，可以...
用于企业应用程序的Angular2和WebApi（SPA）-第4部分-多语言（i18n）
04-12
在`angular.json`配置文件中，我们需要指定目标语言和翻译文件路径。Angular CLI提供了`--i18nFormat`、`--i18nFile`和`--i18nLocale`等选项来控制这些设置。通过运行构建命令，如`ng build --prod --i18nLocale=fr ...
Angular 去掉url中的#号，并解决页面刷新404问题
四分之一工程师的博客
03-30 9401
1. 为什么要去除？Angular官方指出：如果没有足够使用hash风格（#）的理由，还是尽量使用HTML5模式的路由风格；如果配置了hash风格，在微信支付或是Angular的深路径依然会出404的问题；当你需要使用GA等工具时，由于无法获取#号后的URL，导致每次路由切换都给其发送一个路径；'#'有点丑。2. 怎样才能去除？有四个方法：前端 + ngx前端 + Apache前端 + Tomca...
【angular2】（3）ng build部署后base文件路径问题
热门推荐
Pluto
02-18 1万+
问题：使用angular-cli搭建的项目，执行ng build后，浏览器打开空白，发现文件的路径不对解决方案： 在package.json文件的scripts中添加命令："build":"ng build --base-href ./" –base-href后面替换成打包后的base路径 执行：npm run build
angular 访问图片路径错误
java_goodstudy的博客
11-28 6762
在使用angular img src 指定为 angular 网络请求返回数据时，经常会遇到找不到图片路径问题的错误，导致这种问题的原因是 angular 数据还没有返回，渲染dom 时出错，解决方案为 将img src 更改为 ng-src
angular2部署到tomcat中，让他跑起来
rotating_windmill
08-06 1万+
首先使用构建命令(npm run build或ng build)打包，打包完成后项目中会出现一个dist的目录，这个目录就是我们最终要部署的包了，把它命名为cc-client(关于打包后的base路径修改，参考后面的备 注)就可以了。 将命名好的cc-client整个目录复制到tomcat的webapps目录下。 运行tomcat，在浏览器中输入http://localhost:8080/cc-c
Angular8的使用(八)：打包到tomcat中部署
fracong的博客
10-24 4521
1.修改build指令 2.编译命令和访问 3.问题解决： 3.1.路由页面刷新出现404
vue项目执行npm run build 打包出现某些图片，字体，资源文件路径404，无法加载的问题
D.uccky的博客
09-20 4942
如图所示： 如果出现如图的错误。首先我们第一步是考虑进入dist文件夹里面的static文件夹 正常情况下static文件夹是非常干净的 如果你发现你的static文件夹出现了多余的img、fonts文件夹等。则可以考虑如下的解决方式。 一般出现这种情况是因为图片过大或者资源文件过大、超过了打包规定的限制 此时，我们按照下图找到对应的文件 默认限制是10kb。我们可以修改为...
angular学习8-打包和部署
gexiaopipi的博客
04-10 1万+
预编译(AOT) ng build --prod 可以看到生成了一个dist文件夹，里面是打包后的静态资源文件。 搭建本地简单服务器用来预览打包后的静态文件 npm install express const express=require('express') const app = express() //访问静态资源文件 //中间件 app.use(express.static('dis...
Angular prod打包编译异常
InforStack
12-20 1024
编译异常 Property 'small' does not exist on type 'IsProjectComponent'. 问题描述：small对象在ts中不存在, 解决方案：如果small作为对象使用,在ts中添加small作为属性,如果是字符串那么添加单引号"'small'" Property 'ifDisplay' is privateand only accessi...
使用 ng build 构建后资源地址引用错误的问题
weixin_34034261的博客
04-30 257
最近使用 Angular 做项目的时候，通过 ng build 打包后的资源地址都带有 localhost:4200，百思不得其解，以为是打包的问题。 最后在 index.html 的文件中发现有一个 <base> 标签，原来这个标签会在页面的所有链接上添加默认地址。以下是详细说明： <base> 标签为页面上的所有链接规定默认地址或默认目标。 通常情况下，浏览器...
new ng 错误,Angular-CLI ng new：“错误：EPERM：不允许操作...”
05-24
这个错误通常是因为你没有足够的权限来创建新项目。尝试使用管理员权限重新运行命令行或使用sudo命令来创建新项目，例如： ``` sudo ng new my-project ``` 如果你正在Windows上运行，请在管理员权限下打开命令行...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值