php vue 跨域请求数据6,Vue跨域请求问题解决方案过程解析

查看页面响应信息，提示跨域有问题

####

二、解决上面跨域问题：根目录写入以下vue.config.js

// vue.config.js

module.exports = {

devServer: {

proxy: {

// 配置跨域

'/api': {

target: 'http://iwenwiki.com',

ws: true,

changOrigin: true,

pathRewrite: {

'^/api': ''

}

三、然后在发送ajax请求的地方做如下操作，使用在上面文件中配置的api。api/blueberrypai/getBlueBerryJamInfo.php是我的请求路径一部分，根据自己具体需求写。然后请求就可以成功发送。

配置完成之后一定要重启(重点！！！)

####

四、如果想不填写其中“/api”,也可以去main.js中配置全局配置，具体如下

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

php vue 跨域请求数据6,Vue跨域请求问题解决方案过程解析相关推荐

jQuery ajax 结合vue 获取豆瓣api 数据 ,jsonp解决跨域
jQuery ajax 结合vue 获取豆瓣api 数据 ,jsonp解决跨域 <!DOCTYPE html> <html><head><meta chars ...
前端vue和django后端数据交互，跨域问题的解决
一:前言再前后端的数据交互问题上,经常会遇到跨域问题.即这个错误 Access to XMLHttpRequest at 'http://127.0.0.1:8000/api/test/' from ...
VUE保存页面的数据，VUE页面显示就执行某个函数，VUE页面隐藏就执行某个函数
用 VUE 默认的 keep-alive 组件实现保存页面的数据,页面显示就执行某个函数,页面隐藏就执行某个函数实现方式: 1.在路由内设置页面是否需要缓存: 示例代码:(在需要的组件里面添加met ...
网页怎么向服务器请求数据,网页怎么向服务器请求数据库
网页怎么向服务器请求数据库内容精选换一换云服务器怎么选?云服务购买选择的时候主要根据以下方面来确定:服务器区域.宽带.核心数.线路.处理器.业务应用场景等方面来综合考虑.对于个人或者中小企业来说 ...
sql server跨服务器修改数据,SQL Server跨数据库服务器查询和跨表更新的详细操作...
SQL Server数据库跨数据库服务器查询和跨表更新的相关知识是本文我们主要要介绍的内容,接下来我们就通过一个实例来介绍这一过程.实例是这样的:想实现的功能很简单, 在我的本地一个表用来保存省的信息 ...
PHP guzzle异步请求数据,Guzzle中的异步请求
Guzzle中的异步请求使用Guzzle发起异步请求 Guzzle是一个PHP的HTTP客户端,它在发起http请求时不仅可以同步发起,还可以异步发起. $client = new Client() ...
Qt的QTcpServer连接后跨线程接收数据，即跨线程传递使用QTcpSocket连接对象
Qt QTcpServer类一个类(线程)listen监听连接,另一个类(线程)收发数据. Qt规定,QTcpSocket不能作为参数传递.如果做参数传递,编译时就会报错提示. 用server端获取到 ...
vue 请求数据方式
vue 请求数据方式 Vue 请求数据方式有:vue-resource.axios.fetchJsonp三种.其中,vue-resource 是 Vue官方提供的插件,axios 与 fetchJso ...
Vue与服务端数据交互 [ axios ]
Vue生命周期每个Vue实例在被创建到销毁要经过一系列的过程,这整个过程称为Vue实例的生命周期 Vue在生命周期不同的阶段点会自动运行一些函数, 这些函数称为Vue生命周期的钩子(hook)函数 ...

php vue 跨域请求数据6,Vue跨域请求问题解决方案过程解析

php vue 跨域请求数据6,Vue跨域请求问题解决方案过程解析相关推荐

最新文章

热门文章