使用若依前后端分離框架，前端項目打包在Nginx,上傳圖片時，圖片上傳成功，但是在列表頁和添加/修改頁面沒有正常顯示。
插入成功后數(shù)據(jù)庫保存數(shù)據(jù)樣式：
/profile/upload/2023/10/24/7_20231024172017A001.png回顯數(shù)據(jù)時樣式：
http://localhost/prod-api/profile/upload/2023/10/24/7_20231024172017A001.png
此時樣式是打不開的，無法找到路徑
解決辦法：nginx.conf在location中添加alias
location /prod-api/profile/ {
?? ??? ??? ?# 指向目錄，對應(yīng)后臺`application.yml`中的`profile`配置目錄一致
?? ??? ??? ?alias D:/ruoyi/uploadPath/;
?? ??? ?}
實際訪問路徑就是：
D:/ruoyi/uploadPath//upload/2023/10/24/7_20231024172017A001.png
這時候就能正常訪問到圖片，可以正常顯示了。
location /prod-api/profile/ {
?? ??? ??? ?# 指向目錄，對應(yīng)后臺`application.yml`中的`profile`配置目錄一致
?? ??? ??? ?alias D:/ruoyi/uploadPath/;
?? ??? ?}
alias? 作用是將url路徑中的域名/ip+端口號+匹配到的內(nèi)容（匹配內(nèi)容此處指的是：/prod-api/profile/）更換為 alias后面設(shè)定的內(nèi)容（此處指的是：D:/ruoyi/uploadPath/）。注意字后的斜杠 (/)不能省略。文章來源：http://www.zghlxwxcb.cn/news/detail-781569.html
詳情參考：詳解nginx的root與alias_nginx root和alias_水電費嘎嘎的博客-CSDN博客文章來源地址http://www.zghlxwxcb.cn/news/detail-781569.html
到了這里，關(guān)于ruoyi-vue前后端分離框架上傳圖片不顯示問題，nginx解決方案的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
