专栏首页技术分享文章打包上传到服务器图片不显示

打包上传到服务器图片不显示

改变路径配置

将绝对路径改为相对路径

目标文件:项目目录 > config文件夹 > index.js

assetsPublicPath:'/' 改为:assetsPublicPath:'./' (加一个点变为相对路径)

配置背景图片路径

打包后的css文件夹内app.css文件访问static/img/’图片名’路径错误访问不到图片,在build文

件内utils.js中配置路径。

目标文件:项目目录 > build文件夹 >utils.js

在图中所示位置添加代码

publicPath:'../../',

在命令行中用npm run build 进行打包。

npm run build

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 三星KNOX远程静默安装漏洞深入分析报告

    漏洞来源 11月中旬,三星手机被国外安全研究人员曝光了一个严重的安全漏洞,该漏洞影响Galaxy S5,S4,S4 mini,Note 4,Note3以及Ace...

    FB客服
  • C++编程之美-代码清单1-3

    cwl_java
  • ZOJ 3594 Sexagenary Cycle

    题意:天干地支。         天干: Jia, Yi, Bing, Ding, Wu, Ji, Geng, Xin, Ren and Gui        ...

    用户1624346
  • WPF刷新界面之坎坷路

       项目需要一个硬件检测功能,需要用到界面刷新,刚开始想用个定时器,对检测过的硬设定时添加后刷新界面。 但是很遗憾,定时器并不能进行刷新。后台检测List数据...

    hbbliyong
  • Erlang之父给程序员的两点忠告 | 缅怀

    北京时间 4月20日,据Erlang Solutions、Erlang Factories的创始人Francesco Cesarini的推特称,Erlang之父...

    AI科技大本营
  • 08 在设备树里描述platform_device【转】

    转自:https://blog.csdn.net/jklinux/article/details/78575281

    用户3033338
  • 如何用 Hooks 来实现 React Class Component 写法?

    温馨提示:因微信中外链都无法点击,请通过文末的 “阅读原文” 到技术博客中完整查阅版;

    JSCON简时空

扫码关注云+社区

领取腾讯云代金券