加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

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代理

config-index.js文件下找到proxyTable设置代理

例如我的vue项目链接是 localhost:8080 后台数据地址是 localhost:8081/api/seller(端口不一样)

四、数据调用

在想调用数据的vue页面中写入如下代码

js部分

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) }) } } }

html部分

商家

推荐可以模拟数据的网址

Easy Mock rapapi

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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读