最近在自己写前后端分离的项目,前台用 vue ,后台用 PHP 框架写接口(PhalApi),然后在 vue 中用 axios 调用 PHP 的接口,遇到了跨域请求的问题,在网上了找了各种解决方法,结果就是没解决了,最后还是自己捣鼓出来了,主要是因为我在修改 vue 项目中的 config/index.js 文件中这个配置时就是不好使,所以才不得已用的别的方法。

vue index.js 配置.png

你如果查询 axios 跨域的话应该也是这个方法,具体我就不解释了,然后我不管怎么设置,这个配置就是不好使,真的是把你气死,没办法,幸亏我是自己开发前后台,所以我还有第二种解决方法,就是从后台下手,我用的是

Phal 框架,然后我就用设置请求头的方式解决了这个问题

在项目的主入口文件中加入以下这行代码;

/public/index.php

// 设置允许 http://172.24.42.65:8000 这个地址跨域请求

header('Access-Control-Allow-Origin:http://172.24.42.63:8080');

因为我是在本地开发,一开始我设置的是

header('Access-Control-Allow-Origin:http://localhost:8080');

但是这个函数好像不会解析 localhost 所以我就替换成了 IP 地址,然后 vue 端的配置文件中,我也把服务器的默认打开端口从 localhost 改成了 172.24.42.63

/config/

axios get怎么还会显示跨域_axios 跨域问题的解决 (接口 Phal 框架)相关推荐

  1. axios get怎么还会显示跨域_react+axios用node代理解决跨域

    今天自己搭了个react架子,网上找了个公开的接口,结果发现跨域了.因为接口是别人的,我没法让别人在接口上处理跨域问题,而且这个接口是post请求方式,也没发用jsop处理跨域. 一.前端处理跨域 1 ...

  2. axios get怎么还会显示跨域_在Vue中如何使用axios跨域访问数据

    最近在项目中需要用到axios,所以就恶补一下这个axios到底是什么东东.越来它是vue-resource的替代品,官网也说了,以后都用axios, vue-resource不在维护.那么这个axi ...

  3. axios代理跨域 cli4_跨域本质及解决办法

    1.什么是跨域? 2.如何解决? 跨域是前端所独有的,后端不存在跨域问题.是浏览器的一种安全保护手段,为了防止别人抓取.篡改你的网站数据信息.遵循同源策略.同协议(http).同域名.同端口,少一项不 ...

  4. cookie跨域_跨域问题的复现与整理

    知乎:Sp4rkW GITHUB:Sp4rkW B站:一只技术君 博客:https://sp4rkw.blog.csdn.net/ 联系邮箱:getf_own@163.com 文章目录 一.同源策略 ...

  5. 域,域名,同域,跨域及解决

    转载文章:web服务(同域和跨域)  作者:淘码小工  来源:简书 转载文章:关于跨域,以及跨域的几种方式   作者:陈诗烁 来源:博客园 域:Windows网络中独立运行的单位,域之间相互访问则需要 ...

  6. java 跨域 cookie_跨域请求传递Cookie问题

    问题描述 前后端完全分离的项目,前端使用Vue + axios,后端使用SpringMVC,容器为Tomcat. 使用CORS协议解决跨域访问数据限制的问题,但是发现客户端的Ajax请求不会自动带上服 ...

  7. 关于跨域,以及跨域的几种方式

    首先我们来想一想 为什么会有跨域这个名词的出现呢? 跨域又是什么呢?为何要跨域? 浏览器的同源策略又是什么?怎么解决? jsonp又是什么? 跨域的原理又是什么呢? 名词解释: 跨域: 浏览器对于ja ...

  8. xmlhttprequest 跨域_跨域资源共享(CORS)安全性

    跨域资源共享(CORS)安全性 背景 提起浏览器的同源策略,大家都很熟悉.不同域的客户端脚本不能读写对方的资源.但是实践中有一些场景需要跨域的读写,所以出现了一些hack的方式来跨域.比如在同域内做一 ...

  9. 跨域会报40几_关于跨域,以及跨域的几种方式

    首先我们来想一想 为什么会有跨域这个名词的出现呢? 跨域又是什么呢?为何要跨域? 浏览器的同源策略又是什么?怎么解决? jsonp又是什么? 跨域的原理又是什么呢? 名词解释: 跨域: 浏览器对于ja ...

最新文章

  1. 服务器市场步步为营:Intel发布新款至强Xeon E5-4600v4四路处理器
  2. 练习二十一:关于猴子吃桃的问题
  3. 【PC工具】数学公式编辑器MathType v7.4.4.516你懂的版本
  4. Miniconda管理多版本python环境
  5. python下载文件的11种方式_Python 中常见的几种下载文件方法
  6. Spring boot @Transactional
  7. scrapy爬虫系列之五--CrawlSpider的使用
  8. 为了减少接口的响应时间,有哪些优化措施?(可以从架构、代码等各个角度谈)?
  9. mysql屏蔽_MySQL中的企业数据屏蔽
  10. 五、顺序访问性能测试
  11. 矩阵快速幂(原理+模板)
  12. 【MATLAB】求偏导数
  13. 什么软件适合团队协作?团队协作工具排行
  14. 菜鸟的草缸 篇四:菜鸟的草缸:二氧化碳CO2
  15. 炒期货赚钱吗?掌握技巧才有得赚
  16. 【Python】文件操作(创建 | 读写 | 保存 | 文件名)
  17. C语言--if…if…和if…else if的区别
  18. use mysql 1044 42000_mysql错误ERROR 1044 (42000): Access denied for user
  19. STM32怎么样判断单片机复位是什么原因造成的
  20. 信息系统项目管理师高频考点(第八章)

热门文章

  1. 脱敏数据的残余风险评估
  2. 用python做思维导图软件_分享一下python数据处理工具思维导图
  3. 微软的nfs server服务器,Win10系统设置NFS服务器的方法
  4. (附源码)小程序记账微信小程序 毕业设计180815
  5. springboot整合elasticsearch
  6. 一文理解 JWT、JWS、JWE、JWA、JWK、JOSE
  7. @value 读取yml没有读到
  8. PowerPoint 录制屏幕+解决找不到免费录制屏幕软件
  9. Excel:12 个操作小技巧
  10. 批量删除 Word 文档中的所有图片