vue代理和跨域问题的解决
发布时间:2020-12-17 02:16:37 所属栏目:百科 来源:网络整理
导读:一、安装vue-resource插件 在根目录下的package.json检查一下插件的版本 在rourer-index.js下引入文件 引入vue-resource后,可以基于全局的Vue对象使用http,也可以基于某个Vue实例使用http 参考链接 二、安装axios插件 在后台服务文件(server.js)中引入
一、安装vue-resource插件在根目录下的package.json检查一下插件的版本 在rourer-index.js下引入文件 引入vue-resource后,可以基于全局的Vue对象使用http,也可以基于某个Vue实例使用http 参考链接 二、安装axios插件在后台服务文件(server.js)中引入 新建一个公共Js文件,用于存放httpserver 三、proxy代理 在 例如我的vue项目链接是 localhost:8080 后台数据地址是 localhost:8081/api/seller(端口不一样) 四、数据调用在想调用数据的vue页面中写入如下代码
import {getHttp} from '../static/js/httpserver.js'
export default {
data () {
return {
seller: {}
}
},methods: {
shangjia: function () {
let url = '/api/seller'
getHttp(url,function (res) {
res = res.data
console.log(res)
})
}
}
}
Easy Mock rapapi 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |