为什么在nginx目录下配置二级目录，图片和a标签连接访问不了？

Question

这是nginx配置

这是项目配置的publicPath

这是项目部署的路径

网页可以正常打开，但是只要是/imgs/这个相对路径的图片全部找不到，另外有些在a标签上的跳转，比如：/#/order/list 这种类型的相对路径跳转也找不到。

我只能把nginx配置的资源访问路径做成 root /root/nginx/upload/mall;并且把项目配置文件的publicPath设置成“./”才能正常访问。但是如果想做二级路径。又该如何解决呢？

Answer 1

河畔一角 2021-03-02 19:37:26

img资源需要用相对路径，不能用绝对路径

Answer 2

河畔一角 2021-03-02 18:59:41

你如果nginx配置了二级目录，你的vue.config里面同样需要配置二级目录，否则这些图片资源肯定找不到。 vue.config里面应该也有一个publicPath，具体看一下文档

• 提问者 城北丶 #1

  我上面有vue.config的截图。确实配置了