vue代理和跨域问题的解决

一、安装虚拟资源插件

cnpm安装vue-资源-保存在根目录下的package.json检查一下插件的版本

在rourer-index.js下引入文件

从"资源"导入资源。使用（资源)引入虚拟资源后，可以基于全局的某视频剪辑软件对象使用http，也可以基于某个某视频剪辑软件实例使用超文本传送协议(超文本传输协议的缩写)参考链接

二、安装爱可信插件

cnpm安装-保存爱可信在后台服务文件(server.js)中引入

var axios=require('axios ')新建一个公共射流研究…文件，用于存放安装

从“axios”//导入爱可信引入爱可信插件导出函数getHttp (url，callFun) { //get请求方法axios.get(url ).然后(打电话给我).捕捉(函数(错误){ console.log(错误)})}三、代理代理

在配置索引。射流研究…文件下找到可代理设置代理

例如我的某视频剪辑软件项目链接是localhost:8080后台数据地址是localhost :8081/API/卖家（端口不一样)

proxy table : { '/API ' : { target : ' http://localhost :8081 '，changeOrigin: true，路径重写： { '^/api': '/API '/路径重写方法重写url，这样配置出来的全球资源定位器(统一资源定位符)为http://本地主机：8081/api/seller//'^/api': '/'//路径重写方法重写url，这样配置出来的全球资源定位器(统一资源定位符)为http://localhost :8081/卖家} } }四、数据调用

在想调用数据的某视频剪辑软件页面中写入如下代码

射流研究…部分

scriptimport {getHttp} from './static/js/httpserver。js ' export default { data(){ return { seller : } }，methods : { Shanghai : function(){ let URL='/API/seller ' getHttp(URL，function(RES){ RES=RES . data console。日志(RES)} } } }脚本html部分

模板div id=' app ' div @ click=' shangjia()'路由器-链接到='/卖家'商家/路由器-链接/div路由器-视图/路由器-视图/div/模板推荐可以模拟数据的网址

简单的莫克拉帕皮

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