宝塔搭建第二个网站出现接口访问404

最新推荐文章于 2024-08-08 21:19:59 发布

xiaopang_ty

最新推荐文章于 2024-08-08 21:19:59 发布

阅读量1.4k

点赞数 1

分类专栏：服务器文章标签： vue.js 前端 nginx

本文链接：https://blog.csdn.net/huashenty/article/details/126659189

版权

服务器专栏收录该内容

1 篇文章 0 订阅

订阅专栏

博客内容涉及在服务器上部署Node.js项目并使用PM2管理，同时遇到Vue项目部署后请求接口返回404的问题。通过配置Nginx，包括设置代理、重写规则和权限控制，解决了接口404的错误。此外，还记录了针对刷新页面导致404的解决方案，涉及到Nginx的try_files和location指令。

摘要由CSDN通过智能技术生成

记录一下出现的bug
正常创建网站，ftp，数据库，导入数据库。上传node项目到pm2管理器，本地请求服务器没问题，把vue项目部署到ftp请求接口404。
配置Nginx

server
    {
        listen 80;
        server_name phpmyadmin;
        index index.html index.htm index.php;
        root  /www/server/phpmyadmin;
            location ~ /tmp/ {
                return 403;
            }
        #error_page   404   /404.html;
        include enable-php.conf;
        location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$
        {
            expires      30d;
        }
        location ~ .*\.(js|css)?$
        {
            expires      12h;
        }
        location ~ /\.
        {
            deny all;
        }
        location /api 
        {
            proxy_set_header   Host             $host;
            proxy_set_header   x-forwarded-for  $remote_addr;
            proxy_set_header   X-Real-IP        $remote_addr;
            proxy_pass http://127.0.0.1:8080; 
        } 
        access_log  /www/wwwlogs/access.log;
    }
server
    {
        listen 40;
        server_name phpmyadmin;
        index index.html index.htm index.php;
        root  /www/server/phpmyadmin;
            location ~ /tmp/ {
                return 403;
            }
        #error_page   404   /404.html;
        include enable-php.conf;
        location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$
        {
            expires      30d;
        }
        location ~ .*\.(js|css)?$
        {
            expires      12h;
        }
        location ~ /\.
        {
            deny all;
        }
        location /api 
        {
            proxy_set_header   Host             $host;
            proxy_set_header   x-forwarded-for  $remote_addr;
            proxy_set_header   X-Real-IP        $remote_addr;
            proxy_pass http://127.0.0.1:8080; 
        } 
        access_log  /www/wwwlogs/access.log;
    }

在（首页-Nginx管理-配置修改）添加多个server节点
（好像不用配置也行，只要配置下面的也可以，还是先记录一下，说不定用得着）
出现刷新页面404的问题

location ^~/prod-api/ {//请求接口404解决方案
 proxy_pass http://localhost:4000/;
}

## 添加上这个配置，刷新404解决方案
location / {
  try_files $uri $uri/ @router;
  index index.html;
}
location @router {
  rewrite ^.*$ /index.html last;
}

在（网站-设置-配置文件）里面加上这个，解决请求接口404和刷新404找不到文件的错误