Vue生产环境Nginx配置
Jakcy
Nginx
2021-10-09
26
upstream cdm_api_http {
server 127.0.0.1:8889;
}
server {
listen 80;
server_name cdm.tanshuyi.com;
# access_log /usr/local/src/nginx/logs/nginx_yixing-sports-admin.log main;
# 后端系统
location ^~ /cdm/api/ {
proxy_pass http://cdm_api_http;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
client_max_body_size 100m;
proxy_cookie_path / /cdm/ ;
proxy_set_header Cookie "$http_cookie;CAS_SID=$arg_cas_t";
}
# 前端静态资源
location / {
root /usr/local/src/cdm/web/;
#需要指向下面的@router否则会出现vue的路由在nginx中刷新出现404
try_files $uri $uri/ @router;
index index.html index.htm;
}
#对应上面的@router,主要原因是路由的路径资源并不是一个真实的路径,所以无法找到具体的文件
#因此需要rewrite到index.html中,然后交给路由在处理请求资源
location @router {
rewrite ^.*$ /index.html last;
}
}