在日常开发中，后端同事会将地址传递给前端。 我不想公开这个地址。 具体操作该怎么办？
这里以vue3的项目为例。 react的原理是一样的
第一步前端配置. env.production文件vue _ app _ node _ env=' ' production ' ' # baseapivue _ app _ base _ API='/'
这里，我们希望用户只能看到http://www.hhhh.com/API/hotel/list，这样后端接口就会被隐藏起来
步骤nginx配置服务器{ listen 80； server_name www.hhhh.com； #charset koi8-r； # access _ loglogs/host.access.lsogmain； location/{#设置主机标头和客户端的实际地址，以便服务器可以获取客户端的实际IPproxy_set_header Host $host。 proxy _ set _ headerx-real-IP $ remote _ addr； proxy _ set _ headerx-forwarded-for $ proxy _ add _ x _ forwarded _ for； #禁用缓存proxy_buffering off； #反向代理的地址proxy _ pass http://127.0.0.133601122； root /workspace/inTravel/h5； index index.html index.htm； try_files $uri $uri//index.html； } location/API { proxy _ pass http://API.hhhh.com； } error _ page 500502503504/50x.html； location=/50x.html { root html； 当nginx与根一致时，location /api自动代行与api的接口
我的开源作品：欢迎访问demo