nginx⼀个端⼝部署多个vue项⽬（反向代理）1、⽬前我有俩个vue项⽬，分别是app和pc
2、实现内容
  1）、通过⼀个端⼝分别访问这俩个前端项⽬
3、nginx配置⽂件配置 
#HTTP服务器
server {
#监听8080端⼝，8080端⼝是知名端⼝号，⽤于HTTP协议
listen      8080;
server_name  localhost;
#编码格式
charset utf-8;
location / {
root  html;
index  index.html index.htm;
}
#参数配置
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_redirect off;
    #对应下⾯app的
location /app{
proxy_pass 127.0.0.1:8066;
}
location /app/ {
proxy_pass 127.0.0.1:8066;
}
    　#对应下⾯pc的
location /pc{
proxy_pass 127.0.0.1:8067;
}
location /pc/ {
proxy_pass 127.0.0.1:8067;
}
}
  #app项⽬
server {
listen 8066;
location / {
root html\app;
}
}
nginx部署前端项目  #pc项⽬的
server {
listen 8067;
location / {
root html\pc;
}
}
4、注意事项
  1）、如上配置，我们需要在相应的⽬录下创建相应的app/pc ⽬录
  2）、为什么呢？
    　这就要熟悉nginx的反向代理是如何进⾏的了？
    　⽤例⼦⼤概说明⼀下：
      所以我们需要在建⼀个⽬录，⽬录名对应的就是的app  也可以是 bpp、cpp                 
评论中

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。