axios 跨域

来源:4-3 axios基础介绍

Dendi3850

2017-08-26

vue开发调试,不能像JQuery开发那样,把代码直接丢到服务器上,  我用学的知识模拟请求我们公司的项目接口: 跨域解决不了:

2获取指定房源信息

请求URL:

https://shouyiren.app.xiaozhuschool.com/app/house/api

请求方式:

POST

参数:

参数名

必选

类型

说明

api_name    是    string    get_house    

id    是    int    记录id    

返回示例

{      "data" : {               "id": "1",//id            "vipid": "1",//经纪人id            "vname": "张三三",//经纪人名             "store": "安家地产",//经纪人所属门店            "name": "1",//楼盘名称            "mobile": "1",//楼盘电话            "address": "1",//楼盘地址            "city_id": "1",//所属城市            "area_little_id": null, //所属小区            "area_id": "1",//所属区域id,如东城区,南城区            "price_sales_id": "1",//售价范围            "price_m2_id": "1",//单价范围            "price_rent_id": "1",//租价范围            "house_type_id": "1",//房屋类型id            "feature_id": "1",//特色id,对应feature表            "house_area_id": "1",//面积id,对应wfx_house_area表            "home_id": "1",//住宅类别(住宅,别墅)id,对应wfx_house_type表            "age_id": "1",//房龄列表id            "summary": "1",//简介            "local": "1",//地段            "ambitus": "1",//周边             "environment": "1",//环境            "traffic": "1",//交通            "brokerage": "11",//佣金比例            "brokerage_house": "11",//佣金分成,房源端            "brokerage_customer": "1",//佣金分成,客源端            "floor": "1",//所属楼层数            "floor_total": "1",//楼层总数            "average_price": "1",//均价            "ctime": "1",//建立时间            "company_id": "1",//开发商id,对应company表            "property_id": "1",//物业公司id对应company表            "car_num": "1",//车位数,数字            "green": "1",//绿化率,数字            "volume": "1",//容积率,数字            "type_id": "1",// 1新房,2二手房,3租房            "fixture_id": "1",//装修程度id,对应fixture表记录,            "rent_type": "1",//出租类型。1整租2合租            "price": "1",//价格(租价/售价)            "house_area": "1.00",//房屋面积            "is_delete": "0",//是否删除1是0否            "home_type": "1",//1周边热卖2新品热推3为您推荐            "pic": "2,3,4",//保留字段            "cus_id": null,// 经纪人添加的用户id            "shi": "0",//室数            "ting": "0",//厅数            "chu": "0",//厨房数            "wei": "0",//阳台数            "yang": "0",//阳台数            "status": "0",//状态0审核中 1审核通过 -1审核失败            "imgurl": "/fangchanxcx/Upload/img/2014-12-24/549a4eb1c8746.jpg,/fangchanxcx/Upload/img/2014-12-24/549a4eb1c8746.jpg" //图片                 "big_type" : 1, //1房源2房价               "lat" : 23, //北纬               "lng" : 116  //东经     },      "code" : "1",      "msg" : "成功"  }


写回答

3回答

河畔一角

2017-08-31

建议使用vue-resource进行跨域开发,另外jsonp跨域必须是get请求方式,不能使用post .


如果你想使用axios解决跨域,有三种方式:

一种是,找axios对应的跨域插件。

另一种是,运维人员在nginx里面做代理,解决跨域。 (这种方式,实际上就相当于没有跨域了,只是做了代理)

第三种是:后台接口设置CORS,来做跨域,这种跨域可以发任何请求,跟普通接口一样调用。


1
0

Dendi3850

提问者

2017-08-31

谢谢,大神

0
0

Dendi3850

提问者

2017-08-26

传统开发我要把,写好的代码丢到服务器上,才可以调接口 ! vue脚手架80M大小,只是开发调试用的. 上线是对完接口,打包以后的代码! 不知道在本地开发,可以跨域请求到数据!  这个搞定,公司项目就可以用vue开发了!  很急,希望老师给个帮忙解决! 谢谢!

0
0

Vue2.6+Node.js+MongoDB 全栈打造商城系统

课程全面升级,Vue2.6+Koa2,从前端入门全栈,让你的未来更宽广

2634 学习 · 924 问题

查看课程