前端打包vue的文件后的dist目录,然后使用nginx反向代理,ajax框架使用的是axios
nginx配置
// 访问这里的接口是正常的,后台接口是我自己用node.js写的,返回的是json格式
location /style {
proxy_pass http://localhost:8888;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}
// 访问这里的接口会返回200,但是没有响应体,后台使用php写的,返回jsonp格式。
// 去掉下面的rewrite会显示404
location /Webapi {
rewrite ^/Webapi/?(.*)$ /$1 break;
add_header backendIP $upstream_addr;
add_header backendCode $upstream_status;
proxy_pass http://testadmin.w-lans.com;
}
请求和响应信息
先在接口最前面打印一下,看看是否到达了接口,如果到达了又没有数据返回,检查下是否跨域或者返回格式问题