Nginx的405 not allowed

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;
    }

}

重点,加入红框的配置

Nginx的405 not allowed_第1张图片

你可能感兴趣的:(前端部署,nginx,vue,uni-app)