vue前端项目域名后面多了一层静态资源路径就不对了？

Question

为什么前端项目放在服务器上，域名后面多了一层路径，静态资源就访问不到了？今天部署因为多了一层路径，找了两个小时，我是一个后端，有没有前端牛人来指点下，

Answer 1

参考GPT和自己的思路：这个问题可能是由于前端项目中的静态资源路径没有正确的配置所导致的。在Vue项目中，你需要将静态资源的路径配置到 Vue.config.js 文件中。你可以设置 publicPath 属性来指定静态资源的路径。如果你的前端项目中有多个子路径或者不在根目录下时，可以在 publicPath 属性中指定相对路径。例如：

module.exports = {
  publicPath: './your-sub-path/'
}

此外，在你的html代码中，你需要将所有的静态资源链接(base href, script src, link href, img src)都改为相对路径。

如果你已经按照上述方法配置了你的vue项目，但是静态资源仍然无法访问，那么你需要进一步检查Nginx或Apache等服务器的配置是否正确。有时候，服务器可能会将多余的路径添加到URL中，因此你需要在服务器配置文件中指定公共路径。