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

上一篇:STM32学习笔记(CubeMX配HAL)(第七天:ADC的了解及应用)


下一篇:Shiro学习(一)——Shiro简介