- CORS跨域 (前端不用动,后端设置Access-Control-Allow-Origin等)
服务端进行接口请求设置,前端直接调用
说明:后台设置前端某个站点进行访问
- 接口代理
通过修改nginx服务器配置实现代理转发
前端修改,后端不用
前端请求 a 地址,设置nginx服务,将 a 地址代理到 b 地址。
如vue项目中可以在 vue.config.js 中设置:
devServer: {
host: 'localhost', // 主机地址
port: '8000', // 端口
proxy: {
'/api': {
target: 'xxxxxxxx', // 真实地址
changeOrigin: true,
pathRewrite: {
'/api': ''
}
}
}
}