文档章节

Nginx 配置静态文件 404 问题

Jack088
 Jack088
发布于 01/10 09:52
字数 294
阅读 16
收藏 1

使用Nginx做访问静态资源的时候,配置之后访问一直是  404。

我的配置是

location /dist {
            root /usr/local/nginx/html/dist;
            }

原因:

root 配置的意思是,会在root配置的目录后跟上URL,组成对应的文件路径。
即我的访问
http://localhost/dist/index.html
最终去寻找的文件路径是
/usr/local/nginx/html/dist/dist/index.html

正确的地址应该是

/usr/local/nginx/html/dist/index.html

所以访问返回 404

 

Nginx提供了另外一个静态路径配置  : alias
alias与root区别
root响应的路径:配置的路径+完整访问路径(完整的location配置路径+静态文件)
alias响应的路径:配置路径+静态文件(去除location中配置的路径)

所以将配置修改成 alias,

location /dist {
            alias /usr/local/nginx/html/dist/;
            }

ps:

使用alias时目录名后面一定要加“/”

© 著作权归作者所有

Jack088
粉丝 44
博文 538
码字总数 89819
作品 0
扬州
程序员
私信 提问
http://easysre.cn/zhuangxiu/

使用Nginx做图片服务器时候,配置之后图片访问一直是 404. 我的配置是 文件放在 /opt/edu/upload 目录下。 访问 http://localhost/api/v1/upload/api/v1/upload/course/logo/44242acc58f2465...

Tenderrain
2018/03/20
0
0
源码大小写批量纠正兼容Linux环境

由于Windows操作系统环境文件不区分大小写,导致源码迁移到Linux环境后出现404错误。本工具可批量修改源码中的路径引用,使其与文件系统路径完全一致。适合以下场景: ASP.NET配置nginx反向代...

IdleMan
2016/10/28
1
0
Vue Router history模式的配置方法及其原理

分为和模式,前者为其默认模式,url的表现形式为,比较难看。后者的url表现形式为,比较美观。 但如果要使用模式,我们需要在后端进行额外配置。本文将讨论如何配置以及为什么要这样配置。 ...

ryougifujino
05/30
0
0
nginx配置 vue打包后的项目 解决刷新页面404问题|nginx配置多端访问

访问vue页面时,/# 使url看着不美观,使用 H5 history模式可以完美解决这个问题,但需要后端nginx帮助。接下来我们自己配置一下。 使用前端路由,但切换新路由时,想要滚动到页面顶部,或者保...

RuningGK
05/14
0
0
在lnmp上部署phpMyAdmin

前言: 以前,我们实现过在lamp架构上部署wordpress博客系统,httpd服务本身支持模块化和fastcgi两种形式连接到php应用(其他方式博主没用过就不提了)。而nginx作为web服务器的话就只能通过...

li690347460
2017/01/14
0
0

没有更多内容

加载失败,请刷新页面

加载更多

基础服务系列-Centos7 安装Node.js10

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. 简介 以官方centos镜像为基础,安装Node.js 10。 Unix prerequisites: gcc and g++ >= 6.3 or newer, or GNU ......

wuxinshui
38分钟前
1
0
Canonical修复了内核安全更新引入的回归问题

导读 Canonical今天发布了所有支持Ubuntu操作系统版本的新Linux内核版本,以解决最新内核安全更新引入的回归问题。 上周,Canonical发布了所有支持Ubuntu版本的Linux内核更新,以解决Jonatha...

问题终结者
今天
3
0
elasticSearch(四)——javaApi

一、

ittzg
今天
2
0
elasticseach 数据的导出与导出工具elasticdump使用

Centos下安装elasticdump yum install elasticdump 安装完成后 [root@i-vvxxxxswtw5ne ~]# elasticdump --helpelasticdump: Import and export tools for elasticsearchversion: 2.2.0......

scgaopan
今天
5
0
DNS域名解析命令 —— nslookup

命令nslookup 名称: name server lookup 用途: 查询域名的DNS信息 语法: ]# nslookup [选项] [域名] 模式: 交互式、非交互式 交互式选项: 实例: 交互式: 非交互式: 查询域名 ]# nsl...

迷失De挣扎
今天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部