问题分析:

因为打包后的文件是从根目录开始找的,所以把打包后的文件放在二级目录下时引入的资源路径将无法被正确解析。

解决办法:

1、静态文件路径错误

找到config文件夹下的index.js文件,把assetsPublicPath 中的'/'成为'./'

vue项目打包后部署在二级目录,路径出错问题

2、背景图片路径错误

在css中写的background-img的路径出错,需要到build文件夹下的utils.js中,找到ExtractTextPlugin.extract增加一行:publicPath: '../../'

vue项目打包后部署在二级目录,路径出错问题

 

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-12-09
  • 2021-06-02
  • 2021-08-03
猜你喜欢
  • 2018-06-28
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2018-10-18
  • 2022-12-23
  • 2022-03-10
相关资源
相似解决方案