系统城装机大师 - 固镇县祥瑞电脑科技销售部宣传站!

当前位置:首页 > server > anz > 详细页面

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

时间:2023-03-17来源:系统城装机大师作者:佚名

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

1
2
3
4
5
6
7
8
server {
    listen       3571;
    server_name  localhost;
    location / {
        root /root/xxxx/dist/;
        try_files $uri $uri/ /index.html;
    }
}

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

1
2
3
4
5
6
7
8
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的用户,如下:

1
2
3
4
user nginx;
worker_processes auto;
error_log /var/log/nginx/error.log;
...

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

1
2
3
4
user root;
worker_processes auto;
error_log /var/log/nginx/error.log;
...

注意:重新配置nginx后要重启nginx服务才行(service nginx restart)。

分享到:

相关信息

  • Nginx主机域名配置实现

    一、配置多个端口访问不同文件 二、配置不同域名访问不同文件 三、配置不同域名访问同个文件...

    2023-03-17

  • Nginx配置-日志格式配置方式

    上线了一个小的预约程序,配置通过Nginx进行访问入口,默认的日志是没有请求时间的,因此需要配置一下,将每一次的请求的访问响应时间记录出来,备查与优化使用....

    2023-03-17

系统教程栏目

栏目热门教程

人气教程排行

站长推荐

热门系统下载