文件部署 部署的位置是服务器的 smart文件夹下 assets 下图片404 说是webpack的坑? 求教

来源:9-2 项目总结

_Minos

2018-07-23

文件部署 部署的位置是服务器的 smart文件夹下

开始的时候显示的是 assets下 的各种js 文件 404, 路径是

 http://39.107.237.27/assets/js/jquery....js

之后build base-href = ./ 后 js文件有了 图片文件404

显示的路径为http://39.107.237.27/assets/img/banner1.png

之后再html中 base href=‘/smart/’

Js文件ok 但是 图片依旧是http://39.107.237.27/assets/img/banner1.png

404怎么解决 求指教

http://img.mukewang.com/szimg/5b5556810001d7ad06500034.jpg 这是我写代码时写的路径

http://img.mukewang.com/szimg/5b5556a10001e23c05320015.jpg要改成这样吗?



下面是index.html内的,现在左右图片都404 怀疑人生了 望指条明路,拜托老师 再讲原因的时候附加一下解决办法。

http://img.mukewang.com/szimg/5b5556dc000143cc06330464.jpg

写回答

4回答

_Minos

提问者

2018-07-27

//img.mukewang.com/szimg/5b5af22300017f9e08650359.jpg

//img.mukewang.com/szimg/5b5af2610001692312420459.jpg

打包后 图片404 让我捋一捋 

首先我的地址是下面的

//img.mukewang.com/szimg/5b5af2d100018cfc04920035.jpg


第二 我在index.html 中写的是 base href = '/smart/'

第三 我打包的时候 ng build --prod 



0
0

_Minos

提问者

2018-07-25


将路径改为assets/xx.png后//img.mukewang.com/szimg/5b584f350001c05104000067.jpg

build报错//img.mukewang.com/szimg/5b584f690001627310850138.jpg

0
0

接灰的电子产品

2018-07-23

angular 是单页应用,所以不用管工程页面的层级,不要 `../../` 这种形式,直接就是 'assets/xxxx.jpg'

0
2
接灰的电子产品
这种字符串不可能影响 build
2018-07-25
共2条回复

接灰的电子产品

2018-07-23

不要总开新问题,我能看到。你是没有清楚 base href 的意义,它是指定一个基准锚定链接,也就是说这个应用中的链接都会以此为参照。所以你的 assets 中的链接直接写 "assets/xxxx.jpg" 即可

0
13
接灰的电子产品
服了你了,你试一个新工程用我的写法,看一下就知道了
2018-07-27
共13条回复

Angular打造企业级协作平台,让你在Angular领域中出类拔萃

全网首个介绍官方 Material 组件库用法与 Redux 在 Angular 中的应用

998 学习 · 536 问题

查看课程