nginx如何指向本地路径及500错误解决方法

正文

一个vite+vue3项目，想要部署到服务器上。项目build后的文件都在dist目录下，将这个目录拷贝到服务器上，然后在nginx里进行配置，如下：

server {
    listen       3571;
    server_name  localhost;
    location / {
        root /root/xxxx/dist/;
        try_files $uri $uri/ /index.html;
    }
}

这样就可以通过服务器的公网ip+端口3571来访问这个vue项目了，如果想通过域名访问，则可以这样配置：

server {
    listen       80;
    server_name  video.xxx.com;
    location / {
        root /root/xxxx/dist/;
        try_files $uri $uri/ /index.html;
    }
}

这样直接访问video.xxx.com就可以直接访问这个vue项目。

注意这里可能存在一个问题，就是配置正确后访问出现500错误。 出现这个错误首先判断是不是本地路径设置错了，如果路径没有错误，那么可能就是权限问题。 在nginx的一开头会配置nginx的用户，如下：

user nginx;
worker_processes auto;
error_log /var/log/nginx/error.log;
...

我这默认是nginx用户，这样就没有权限去访问/root/xxxx/dist/目录，所以出现500错误，换成root用户即可，如下：

user root;
worker_processes auto;
error_log /var/log/nginx/error.log;
...

注意：重新配置nginx后要重启nginx服务才行（service nginx restart）。

以上就是nginx如何指向本地路径及500错误解决方法的详细内容，更多关于nginx指向本地路径500错误的资料请关注我们其它相关文章！

赞 (0)

相关推荐

  • Nginx显示500错误的原因以及解决方法

    目录 1.背景 2.Nginx 常见的几种报错 3. 解决500错误 1.资源不足 2.nginx配置文件错误 总结 1.背景 最近在操作nginx 的时候出现了 Nginx 500 内部错误,在此记录一下原因,项目采用的是前后端分离方式,后端SpringBoot ,前端是Vue 部署到Nginx 下. 2.Nginx 常见的几种报错 500--服务器内部错误:服务器遇到错误,无法完成请求501--尚未实施:服务器不具备完成请求的功能,如:当服务器无法识别请求方法时,服务器可能会返回此代码502

  • Nginx 504 Gateway Time-out的两种最新解决方案

    目录 背景: 问题: 504从哪来:本文的场景下504是nginx返回的. 两种解决方案 其他问题: 总结 背景: Nginx做反向代理,springboot为后端服务. 问题: 通过浏览器向后台发起请求够,由于后台处理时间长,出现504 Gateway Time-out,实际后台程序依然在执行.如何解决? 504从哪来:本文的场景下504是nginx返回的. nginx配置中控制该超时时间的属性: Syntax: proxy_read_timeout time; Default: proxy_

  • Nginx 502 bad gateway错误解决的九种方案及原因

    Nginx 502 bad gateway错误解决的九种方案及原因

    目录 前言 502系列错误代码 5XX系列错误代码 Nginx 502 Bad Gateway 错误的原因及解决方法 1.检查PHP基础设置 2.FastCGI进程是否已经启动 3.FastCGI worker进程数是否不够 4.FastCGI执行时间过长 5.FastCGI Buffer不够 6.FastCGI 缓冲区设置过小 7.代理缓冲区设置过小(使用了nginx反向代理的情况) 8.默认php-cgi的进程数设置过少 9.其它原因 总结 前言 502 Bad Gateway 是一种HTT

  • nginx 代理后出现503的解决方法

    nginx 代理后出现503的解决方法

    目录 问题: 解决思路: 问题: 配置serve_name后,并且在hosts中添加对应的映射,重新启动nginx后,不生效 解决思路: 1.serve_name设不设置,启动nginx后,都能通过localhost或者windows10.microdone.cn访问: 2.根据这个问题,查看网络配置: 操作步骤:1).win+r,输入regedit: 2).查看注册表: 计算机\HKEY_ _CURRENT_ _USER\Software\Microsoft\Windows\CurrentVe

  • Nginx如何配置根据路径转发详解

    目录 先谈理解: 1.nginx基本概念 2.常用命令以及配置文件 3.nginx配置实例之反向代理 4.nginx配置实例之负载均衡 5.nginx配置实例之动静分离 6.nginx配置高可用集群 Location规则 举例 总结 先谈理解: 1.反向代理:是nginx代理所有的服务器.而正向代理是vpn代理客户端!! 反向代理是配置 proxy_pass 可以只配置一个地址如 : proxy_pass http://127.0.0.1:8081; 也可以配置多个 2.那就是负载均衡 定义负载

  • Nginx location 和 proxy_pass路径配置问题小结

    目录 一.Nginx location 基本配置 1.1.Nginx 配置文件 1.2 .Python 脚本 二.测试 2.1.测试 location 2.2.测试 location 2.3.测试三 location 2.4.location 不加 2.5.location 末尾 2.6. location 末尾 三.总结 本文是基于 location 的匹配末尾是否配置 / 和 proxy_pass 末尾是否配置 / ,进行测试,完全还原了整个测试过程.帮助了解具体的情况. 一.Nginx l

  • nginx如何指向本地路径及500错误解决方法

    正文 一个vite+vue3项目,想要部署到服务器上.项目build后的文件都在dist目录下,将这个目录拷贝到服务器上,然后在nginx里进行配置,如下: server { listen 3571; server_name localhost; location / { root /root/xxxx/dist/; try_files $uri $uri/ /index.html; } } 这样就可以通过服务器的公网ip+端口3571来访问这个vue项目了,如果想通过域名访问,则可以这样配置:

  • IIS7.0 运行ASP 500错误 解决方法

    IIS7.0 运行ASP 500错误 解决方法

    服务端环境:Windows2008 + IIS7 客户端浏览器设置:取消"显示友好的HTTP错误信息" IIS7设置(GUI): 1. <网站>-ASP-调试属性-将错误发送到浏览器,修改为True 2. <网站>-错误页-操作-编辑功能设置,选择"详细错误信息" 默认情况下,这里选择的是第三项"本地请求的详细错误和远程请求的自定义错误页",所以出现的情况会是:在本地调试可以看到错误的详细信息,但是通过远程来访问的时候就看

  • nginx上传文件大小报错500的解决办法

    nginx上传文件大小报错500的解决办法 采用nginx作反向代理,出现了一个诡异的问题,小文件可以提交,大文件会报500内部错误.这个是什么原因导致的呢? 查wiki可知,上传文件大小相关的有三个配置 client_body_buffer_size 配置请求体缓存区大小, 不配的话, client_body_temp_path 设置临时文件存放路径.只有当上传的请求体超出缓存区大小时,才会写到临时文件中 client_max_body_size 设置上传文件的最大值 所以查出来,问题出现的原

  • 基于Springboot2.3访问本地路径下静态资源的方法(解决报错：Not allowed to load local resource)

    最近在做的一个项目中有一个比较奇葩的需求: 要在springboot中,上传本地的图片进行展示 我的第一反应是,直接在数据库字段加一个存储本地路径的字段,然后用thymeleaf的th:src渲染到前端就好了嘛! 理想很丰满,但现实却很骨感~ 前端报了这样的错误Not allowed to load local resource 于是我想到了可以使用IO将图片先上传到static/images目录下,这样就不会出现禁止访问本地路径的问题了 但是这样实现,问题又来了:上传后的图片必须重启sprin

  • 502 bad gateway是什么意思 502 bad gateway错误解决方法

    您可以尝试清除浏览器缓存 访问一下你的FTP看是否可以登陆 成功解决502 Bad Gateway错误 今天登陆博客,显示502 bad gateway,NGINX最烦人的地方就是经常会出现这个错误,由于我并不打算在技术上花费过多的时间,所以一般是遇到了相关问题,通过搜索引擎解决后即可,不会去深究.废话不多说,说说我的坎坷经历. 首先,我重启了服务器,可是重启了好几次,都无效,然后去Google搜索了下502 bad gateway,出来了很多的网页,筛选后进入http://lnmp.org/f

  • MySQL启动1053错误解决方法

    操作系统:windows7 mysql版本:5.5.22 www.jb51.net 在使用命令mysqld --install servicename --defaults-file='file_name'创建mysql服务时,系统 已提示创建服务成功,但是net start命令提示启动失败,并在services.msc中提示1053错误 解决办法: 在网上有人说是服务的"登录"选项卡里要设置成administrator: 也有人说是需要先把服务删除,在重新创建(可以先考虑这两方面):

  • Nginx安装完成没有生成sbin目录的解决方法

    Nginx安装完成没有生成sbin目录的解决方法

    错误描述: 1.在Linux(CentOS 7 64)系统上完成Nginx(1.18.0)的安装后,找不到sbin启动目录. 2.用nginx -v查看版本提示命令未找到 问题1:没有生成sbin目录 试过以下几个失败的解决方法: 方法一.下载1.19版本,重新安装,我试了安装1.19,还是没有sbin目录 方法二.网上找的一个办法: 找到报错的文件,在解压的nginx文件下src/os/unix/ngx_user.c,使用vi命令编辑它,并注释报错的地方,保存退出:然后进入解压目录的objs文

  • phpStudy配置多站点多域名方法及遇到的403错误解决方法

    phpStudy配置多站点多域名方法及遇到的403错误解决方法

    此文不太适合一点不懂多站点多域名的.适合于碰到难处了,一点就透.ok.比较随意. 首先,打开站点域名管理,配置如下,网站域名和目录都可以自己设置,端口重设一个,不要是80了,然后先新增再保存. 打开配置文件vhosts,会看到新增了801端口的东西 在配置文件http.conf中添加 ,在80后添加新端口号 然后在hosts文件中配置下,127.0.0.1 www.aaa.com 再就是,玛德GG了,出现forbidden了,403,没有访问权限. 废了很大劲终于找到了解决方案,下面先复制解决方

  • IOS 出现问题POST网络请求状态code:500的解决方法

    IOS 出现问题POST网络请求状态code:500的解决方法 前言: iOS 10 用 [NSURLSession uploadTaskWithRequest:request fromData:jsondata completionHandler:^(NSData * _Nullable data, NSURLResponse * _Nullable response, NSError * _Nullable error){}]; 进行post网络请求时 出现 500 错误 出现500 的错误

  • Pycharm 文件更改目录后,执行路径未更新的解决方法

    今天在使用Pycharm的时候,由于文件过多,我对目录下的文件做了归类,改动了一些文件的路径,结果后来执行的时候,出现了路径找不到的错误. 新建一个test.py文件 此时打印test.py的路径为: /Users/hyl/Documents/workspace/python/version3+/untitled 将test.py文件放入lib文件夹下 此时打印test.py的路径依旧是: /Users/hyl/Documents/workspace/python/version3+/untit

随机推荐