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

来源:15-9 项目部署

城北丶

2021-03-02

这是nginx配置

http://img1.sycdn.imooc.com/szimg/603e17ee090fb1f809930519.jpg

这是项目配置的publicPath

http://img.mukewang.com/szimg/603e187b0999b5f109930519.jpg

这是项目部署的路径

http://img1.sycdn.imooc.com/szimg/603e18d409117e5b05700207.jpg

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

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


写回答

2回答

河畔一角

2021-03-02

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

0
0

河畔一角

2021-03-02

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

0
1
城北丶
我上面有vue.config的截图。确实配置了
2021-03-02
共1条回复

Vue全家桶实战 从零独立开发企业级电商系统

Vue全家桶构建企业级电商系统,真实服务端数据对接,高实用性

2560 学习 · 1307 问题

查看课程