前端项目打包到二级目录

问题：

如图：前端项目打包后要求放到下述路径的 iss5 文件夹中，该路径中已存放了另一个项目，按项目正常配置打包后发现页面无法访问，查看 index.html 的资源路径，不正确

经过尝试，发现打包后的资源路径 /static...  要变成 /iss5/static...  才能访问，路径前面要加上 /iss5

解决：

找到 webpack.prod.conf.js  文件，修改 publicPath 的值：

  output: {
    publicPath: '/iss5',   // 原来值为 /
  },

重新打包后可见 资源路径中已加入 /iss5 前缀，部署到指定文件夹后即可正常访问。

使用的 history 路由模式和 vue.config.js 文件的小伙伴们也可以参考下面文章修改，本项目中的路由用的 hash 模式 故只需修改一处。

附上链接：https://www.cnblogs.com/dshvv/p/12888993.html