版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/daijiguo/article/details/82971888
项目描述
vue项目使用8090端口(提供页面),java项目使用8080端口(提供ajax接口),nginx监听80端口。此时,nginx配置如下:
#java项目服务器使用8080端口
upstream server_java {
server 127.0.0.1:8080;
}
#vue项目服务器使用8090端口
upstream server_vue {
server 127.0.0.1:8090;
}
server{
listen 80;
server_name localhost;
#拦截所有请求并反向代理到8090端口,如果请求url有匹配到下发其他location,则使用下方location
location / {
proxy_pass http://server_vue;
}
#拦截以api开头的请求并反向代理到8080端口,^~表示一经拦截,不再匹配下方location
location ^~ /api/ {
proxy_pss http://server_java;
}
#拦截以img开头的请求并到nginx安装目录下的app/img下面寻找静态资源,注意root与alias的区别
location /img/ {
root app;
}
}
参考:http://lobert.iteye.com/blog/1933417
http://seanlook.com/2015/05/17/nginx-location-rewrite/