axios 跨域

Question

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" : "成功"  }

Answer 1

河畔一角 2017-08-31 19:19:42

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

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

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

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

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

Answer 2

提问者 Dendi3850 2017-08-31 22:53:38

谢谢，大神

Answer 3

提问者 Dendi3850 2017-08-26 01:08:35

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