您的位置:首页 > 技术中心 > 运维 >

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

时间:2023-05-16 09:44

具体做法如下:

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;     }   }

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

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

以上就是nginx怎么部署访问vue-cli搭建的项目的详细内容,更多请关注Gxl网其它相关文章!

热门排行

今日推荐

热门手游