nginx处理静态资源

最新推荐文章于 2024-09-21 14:20:02 发布

zxf_noimp

最新推荐文章于 2024-09-21 14:20:02 发布

阅读量335

点赞数

分类专栏： nginx

本文链接：https://blog.csdn.net/zxf_noimp/article/details/103541362

版权

nginx 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

前后端分离后，把前端页面放入nginx中，在nginx配置如下：

location /vue/office/ {
     alias html/vue/office/;
     index  index.html;
     autoindex on;
}

使用nginx 配置静态资源遇到个坑可能思维方式不一样

假设我要访问的地址是：127.0.0.1/images/tmp.jpg

静态资源地址是：/usr/local/static/images/tmp.jpg

正确的配置：

//root配置
//127.0.0.1/images/tmp.jpg   =   /usr/local/static/images/tmp.jpg

location /images/ {
     root  /usr/local/static/
}

//alias配置  
//127.0.0.1/images/tmp.jpg   =   /usr/local/static/images/tmp.jpg
location /images/ {
     alias  /usr/local/static/images/
}

错误的配置：

//root配置
//127.0.0.1/images/tmp.jpg   =   /usr/local/static/images/images/tmp.jpg

location /images/ {
     root /usr/local/static/images/
}

//alias配置  
//127.0.0.1/images/tmp.jpg   =   /usr/local/static/tmp.jpg
location /images/ {
     alias  /usr/local/static/
}