nginx配置反向代理解决vue跨域问题

1、vue项目站点url

http://www.vue.com

2、api接口url

http://api.vue.com

3、在vue项目站点的nginx配置文件中添加:

location /api {
    rewrite  ^.+api/?(.*)$ /$1 break;
    include  uwsgi_params;
    proxy_pass   http://api.vue.com;

解释:当访问http://www.vue.com/api/,代理转发到http://api.vue.com中,具体意思先不深究。
其实vue站点项目根本没有api这个目录
举例:当请求http://www.vue.com/api/login接口,实际上被转发到了http://api.vue.com/login

仅以此记录,避免后续踩坑。

你可能感兴趣的:(nginx配置反向代理解决vue跨域问题)