您的位置:首页 > 财经 > 金融 > vue使用了代理跨域,部署上线,使用Nginx配置出现问题,访问不到后端接口

vue使用了代理跨域,部署上线,使用Nginx配置出现问题,访问不到后端接口

2024/12/23 9:57:48 来源:https://blog.csdn.net/qq_63462564/article/details/140551895  浏览:    关键词:vue使用了代理跨域,部署上线,使用Nginx配置出现问题,访问不到后端接口

1、如果路由的mode是history模式的要加上框框里的哪句,然后配置下面的location @router

location / {root   /usr/local/app/dist/;  #vue文件dist的完整路径try_files $uri $uri/ @router;index index.html index.htm;}#error_page   500 502 503 504  /50x.html;location @router {rewrite ^.*$ /index.html last;}	

2、然后是要配置proxy,这个api根据自己来

 踩坑就在这个api这,本地的话我后面没加斜杠,然后target也没加斜杠,是能访问到后端接口的。但是nginx好像不行,我还不知道原因,有大佬知道的在评论区和我说下,大家互相学习,保险起见一定要给api前面后面都加上/,然后proxy_pass也是最后加个斜杠。

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com