Nginx的405 not allowed

最新推荐文章于 2022-07-25 23:11:13 发布

m0_37642519

最新推荐文章于 2022-07-25 23:11:13 发布

阅读量566

点赞数

分类专栏：前端部署文章标签： nginx vue uni-app

本文链接：https://blog.csdn.net/m0_37642519/article/details/115453619

版权

前端部署专栏收录该内容

1 篇文章 0 订阅

订阅专栏

本文介绍了如何配置Nginx以解决Vue或UniApp项目部署时遇到的405 Not Allowed错误。通过设置try_files和location规则，确保路由正确指向并处理动态路由请求，避免404错误。同时，配置了代理服务器以处理API请求。关键配置包括对@router的rewrite规则，确保所有路由请求重定向到index.html，让前端路由系统接管处理。

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

Nginx部署vue或者uniapp的web页面，405 not allowed

vue打包时使用代理访问
nginx的配置文件按照如下方式配置

server {
    listen       8088;
    server_name  localhost;
    location / {
		root	/user/local/ui/dist; #vue项目的打包后的dist
        try_files $uri $uri/ @router;#需要指向下面的@router否则会出现vue的路由在nginx中刷新出现404
        index  index.html index.htm;
    }
	
	location /api/{
		proxy_set_header Host $http_host;
		proxy_set_header X-Real-IP $remote_addr;
		proxy_set_header REMOTE-HOST $remote_addr;
		proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
		proxy_pass http://192.168.1.110:8080/;
	}
	
	#对应上面的@router，主要原因是路由的路径资源并不是一个真实的路径，所以无法找到具体的文件
    #因此需要rewrite到index.html中，然后交给路由在处理请求资源
    location @router {
        rewrite ^.*$ /index.html last;
    }
    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   html;
    }

}

重点，加入红框的配置

红框内容