首页 > 文章列表 > nginx怎么部署访问vue-cli搭建的项目

nginx怎么部署访问vue-cli搭建的项目

nginx vue-cli
209 2023-05-19

nginx怎么部署访问vue-cli搭建的项目

具体做法如下:

1、创建后台服务器 对象

upstream mixVueServer{ 

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

}

2、创建访问端口和反向代理规则

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; 

    } 

  }

最后,直接地址栏输入端口访问: