nginx部署vue项目 解决方案

给前端同事部署了web项目之后，访问发现除了index.html可以访问，其他的路径使用了“伪静态”。比如访问：http://localhost:8081/user/login，访问即报404错误，这个实际上是请求HTML相关资源而非后台接口，后面网上查了相关资料找到了解决办法。

upstream portalServer {
server 192.168.1.1:8080;
}

server {
listen 8081;
server_name localhost;

root /usr/local/application/nginx/web/build;

location / {
try_files $uri $uri/ @router;
index index.html;a
}

location @router{
rewrite ^.*$ /index.html last;
}
#代理后台接口
location /api/ {
proxy_pass http://portalServer/;
proxy_set_header Host $host:$server_port;
}

error_page 500 502 503 504 /50x.html;
location = /50x.html {
root html;
}
}