How to deploy projects built by accessing vue-cli in nginx

Projects built in history mode need to rely on background technology. The nginx reverse proxy is used here to deploy the project. The specific method is as follows:

1. Create a backend server object

upstream mixVueServer{ 
  server baidu.com;#这里是自己服务器域名 
}

2. Create an access port and reverse proxy rule

server { 
    listen    8082; 
    server_name localhost; 

    location / { 
      root  E:/mix_vue/dist;#定位到项目的目录 
      #index index.html index.htm; 
    try_files $uri $uri/ /index.html;#根据官网这规则配置 
    } 
  location ~ \.php${ 
    proxy_pass http://mixVueServer;#根据后端语言做反向代理处理跨域问题 
    proxy_set_header  Host  $host; 
    proxy_set_header  X-Real-IP  $remote_addr; 
  } 
   
    error_page  500 502 503 504 /50x.html; 
    location = /50x.html { 
      root  html; 
    } 
  }

The above is the detailed content of How to deploy projects built by accessing vue-cli in nginx. For more information, please follow other related articles on the PHP Chinese website!