Saber打包发布nginx后，img下的图片是404了

gtfhao 剑尊 2022-05-21 22:07

• 

  yinyuncan (最佳回答者)

  2022-05-23 10:43

  登录页面加载不出 这个是由于样式代码是写死路径导致的 所以要改成动态路径
  

  .login-container{
      background-image: url("/img/bg/bg4.jpg");// 问题所在
  }

  


  可以在线上登录页面src/page/login/userlogin.vue 动态重新设置一下路径

  


  伪代码如下

  this.$parent.$refs.login.style.backgroundImage = `url(${publicPath}${backgroundUrl})`

  


  作者追问:2022-05-23 10:43

  不仅仅是这一个地方写的死路径：background-image: url("/img/bg/bg4.jpg");

  是否要一个个修改？如果要一个个修改，希望官方给修改下吧，毕竟我们不知道哪些地方有类似的写死的路径问题。

  
  

  我一直在想，有没有不修改具体代码位置，而是通过配置打包的方式来解决呢

  
  
  0 讨论(3)
  评论:

  提交评论

  ---

  •  加载中...
• 

  admin - BladeX作者

  2022-05-22 22:08

  如果不是部署在nginx的html根目录下，而是二级目录，那需要在打包前额外加上二级目录的配置。

  作者追问:2022-05-23 15:05

  不仅仅是这一个地方写的死路径：background-image: url("/img/bg/bg4.jpg");

  是否要一个个修改？如果要一个个修改，希望官方给修改下吧，毕竟我们不知道哪些地方有类似的写死的路径问题。

  
  

  我一直在想，有没有不修改具体代码位置，而是通过配置打包的方式来解决呢

  
  

  回答: 2022-05-23 22:18

  css文件内的地址是没法跟着js实时变化的，这种情况需要单独修改一下。正常情况部署都是一个nginx专门针对一个服务，尽量不要用二级目录

  作者追问:2022-07-20 17:27

  

  最近又发现了一个这个问题，这个是element-ui目录下的字体，我们打包发布后，也会报这个错误，也是路径问题,这个应该怎么解决一下？
  0 讨论(2)
  评论:

  提交评论

  ---

  •  加载中...
• 

  gtfhao

  2022-05-23 09:39

  我加了publicPath的二级目录，打包后，发布进去完全没有效果，publicPath: ./ ; publicPath: /test1都试了不行，没效果
  0 讨论(0)
  评论:

  提交评论

  ---

  •  加载中...

验证码

 看不清?

提交回复