vue解决线上跨域的问题_Vue项目中跨域问题解决方案

方法

后台更改header

使用http-proxy-middleware 代理解决(项目使用vue-cli脚手架搭建)

Jquery jsonp

后台更改header

header('Access-Control-Allow-Origin:*');//允许所有来源访问

header('Access-Control-Allow-Method:POST,GET');//允许访问的方式

使用http-proxy-middleware 代理解决(项目使用vue-cli脚手架搭建)

打开config/index.js,在proxyTable中添写如下代码：

proxyTable: {

'/api': {

target: '填写请求源地址', //源地址

changeOrigin: true, //是否跨域

pathRewrite: {

'^/api': '' //路径重写

}

使用axios

this.$axios.post("/api/地址",{

发送的数据

}).then(data=>{

console.log(data);

})

axios的配置(main.js)

axios.defaults.headers.post["Content-type"]="application/json";

Vue.prototype.$axios=axios;

使用ES6fetch请求

fetch("/api/test/testToken.php",{

method:"post",

headers:{

"Content-type":"application/json",

body:JSON.stringify({发送数据})

}).then(result=>{

return result.json()

}).then(data=>{

console.log(data);

})

使用jquery jsonp

methods: {

getData () {

var self = this

$.ajax({

url: '地址',

type: 'GET',

dataType: 'JSONP',

success: function (res) {

self.data = res.data.slice(0, 3)

self.opencode = res.data[0].opencode.split(',')

}

})

}

总结

以上所述是小编给大家介绍的Vue项目中跨域问题解决方案，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

vue解决线上跨域的问题_Vue项目中跨域问题解决方案相关推荐

vue解决线上跨域的问题_vue前后端分离解决跨域问题
用Vue-cli脚手架搭建了个demo,前后分离就有跨域问题的出现. vue-clie搭建demo步骤(传送门):https://www.cnblogs.com/wangenbo/p/8487764. ...
vue项目本地跨域、线上跨域、本地链接线上地址跨域、https站点使用ws协议跨域问题解决
本地跨域---->配置vue.config.js .env.development文件 # just a flag ENV = 'development'# base api VUE_APP_B ...
Vue解决接口访问跨域问题
Vue解决接口访问跨域问题参考文章: (1)Vue解决接口访问跨域问题 (2)https://www.cnblogs.com/wangfugui/p/10123126.html (3)https:/ ...
java-php-python-基于springboot+vue的线上学习系统计算机毕业设计
java-php-python-基于springboot+vue的线上学习系统计算机毕业设计 java-php-python-基于springboot+vue的线上学习系统计算机毕业设计本源码技术栈 ...
怎么解决线上CPU100%的问题
怎么解决线上CPU100%的问题背景 Java服务,有时候会遇到CPU 100%的问题,对于这样的问题,我们如何快速定位并解决呢?一般会有如下几个步骤. 解决步骤找到最耗CPU的进程 top 找到 ...
听说”双11”是这么解决线上bug的
听说"双11"是这么解决线上bug的 --Android线上热修复的使用与原理预备知识和开发环境 Android NDK编程 AndFix浅析 Android线上热修复的原理大同 ...
iOS app崩溃率，如何解决线上闪退
//联系人:石虎 QQ: 1224614774昵称:嗡嘛呢叭咪哄 1.如何追踪app崩溃率,如何解决线上闪退当iOS设备上的App应用闪退时,操作系统会生成一个crash日志,保存在设备上.cra ...
c语言二级闪退有分数嘛,c语言文件1.怎样追踪app崩溃率。怎样解决线上闪退当iO(2)...
市场上已有的商业软件提供crash收集服务,这些软件基本都提供了日志存储,日志符号化解析和服务端可视化管理等服务: Crashlytics () Crittercism () Bugsense () ...
React项目中跨域问题的解决方案
React项目中跨域问题的解决方案参考文章: (1)React项目中跨域问题的解决方案 (2)https://www.cnblogs.com/Kailey/p/9199518.html 备忘一下.

vue解决线上跨域的问题_Vue项目中跨域问题解决方案

vue解决线上跨域的问题_Vue项目中跨域问题解决方案相关推荐

最新文章

热门文章