如何通过特定路径托管Vue3 vite基础应用程序

polhcujo  于 2023-03-03  发布在  Vue.js
关注(0)|答案(1)|浏览(94)

我开发了一个Vue3/vite应用程序,并希望通过NGINX将其托管在服务器上
example.com/auth
在nginx在可用的网站我有一个位置

location /auth {
                rewrite /auth/(.*) /$1  break;

                proxy_pass http://127.0.0.1:5143;
                proxy_redirect          off;
                proxy_set_header        Host            $host;
                proxy_set_header        X-Real-IP       $remote_addr;
                proxy_set_header        X-Forwarded-For $proxy_add_x_forwarded_for;
  }

但随后应用程序在浏览器中启动,我看到未使用/auth路径,而是GET直接进入路径/
获取www.example.comxxx.westeurope.cloudapp.azure.com/@vite/client
取而代之
获取www.example.com***授权***/@vite/客户端xxx.westeurope.cloudapp.azure.com/auth/@vite/client
如何在path/auth后面托管vue3应用程序?

stszievb

stszievb1#

错误位于nginx位置
取而代之

rewrite /auth/(.*) /$1  break;

我有

rewrite /(.*) /$1  break;

并且路由现在可以正常工作

相关问题