文档章节

VUE下跨域设置

见就别贱
 见就别贱
发布于 2017/09/11 10:41
字数 217
阅读 18
收藏 0
点赞 0
评论 0

##vue 跨域设置(以豆瓣为例)

  1. 在使用vue开发的时候经常要涉及到跨域的问题,其实在vue cli中是有我们设置跨域请求的文件的。
  2. 当跨域无法请求的时候我们可以修改工程下config文件夹下的index.js中的dev:{}部分。
    ``` env: require('./dev.env'),
		  	env: require('./dev.env'),
	      	port: 8080,  
	      	autoOpenBrowser: false,
	      	assetsSubDirectory: 'static',
	      	assetsPublicPath: '/',
	      	proxyTable: {
	        	'/api': {
	            	target: 'http://api.douban.com/v2',
	            	changeOrigin: true,
	            	pathRewrite: {
	                	'^/api': ''
	            	}
	        	}
	      	},
	    	// CSS Sourcemaps off by default because relative paths are "buggy"
	    	// with this option, according to the CSS-Loader README
	    	// (https://github.com/webpack/css-loader#sourcemaps)
	    	// In our experience, they generally work as expected,
	    	// just be aware of this issue when enabling this option.
	    	cssSourceMap: false  
		}
	将target设置为我们需要访问的域名。  
3. 然后在main.js中设置全局属性:  
		Vue.prototype.HOST = '/api`  
4. 至此,我们就可以在全局使用这个域名了,如下:   
		var url = this.HOST + '/movie/in_theaters'
    	this.$http.get(url).then(res => {
      	this.movieList = res.data.subjects;
    	},res => {
      		console.info('调用失败');
    	});

© 著作权归作者所有

共有 人打赏支持
见就别贱
粉丝 1
博文 9
码字总数 3632
作品 0
温州
详解Vue-cli代理解决跨域问题

使用vue-cli调接口的时候,总是会出现跨域问题,因为vue的localhost与访问域名不一致导致。而这一点,开发者显然也想到了,故而在vuejs-templates,也就是vue-cli的使用的模板插件里,有关于...

李晓艳 ⋅ 04/19 ⋅ 0

Vue2.0笔记——Ajax,JSONP跨域

Ajax实现 vue本身不支持发送AJAX请求,需要使用vue-resource、axios等插件实现。 axios是一个基于Promise的HTTP请求客户端,用来发送请求,也是vue2.0官方推荐的,同时不再对vue-resource进行...

逝岁月 ⋅ 04/16 ⋅ 0

vue模块化开发入门| 从0到1——使用vue.js2.0 + ElementUI开发BS后台管理系统

最近一段时间在开发新项目很高兴领导信任我,能把如此重要的任务交给我。以下是我的个人总结,方便以后能够快速回忆具体细节,同时也方便大家。本文主要面向的是初级前端开发和中级前端开发。...

_Zero ⋅ 05/10 ⋅ 0

vue升级之路(一)-- 使用vue-cli构建vue项目

最近在公司用vue.js做了个移动端OA项目,有点感觉vue2.0的运用感觉有点不足,所以准备用这次项目的累积及之前的一些理解,写一个vue系列的博客,巩固一下自己对vue的使用,也希望对大家有所帮...

tree_book ⋅ 06/04 ⋅ 0

记录面试中一些回答不够好的题(Vue 居多) | 掘金技术征文

相关问题 flex 布局 与 grid 布局。 实现 Vue SSR 。 从 SPA 使用最小成本迁移到 SSR 。 实现方法: (未完成) 根据指定元素,在数组里面找出 ff 数组(ff 数组这个名字是我瞎说的)。比如数...

三毛丶 ⋅ 03/04 ⋅ 0

基于蚂蚁金服「如何管理好10万行代码」搭建了 Vue 项目架构

原文:如何管理好10万行代码的前端单页面应用。 当时看到蚂蚁金服这篇文章有点茅塞顿开,只不过他们是基于 React 技术栈开发的,但是架构是一种思想,不区分语言不区分框架的,所以我相信这套...

深圳人人聚财前端团队 ⋅ 05/29 ⋅ 0

让IntelliJ IDEA支持.vue文件

最近将idea升级到2018的版本,需要重新配置一下vue的环境,所以随便整理了一下操作过程。 第一步:先安装vue插件: file --> settings --> plugins,然后什么都不用输入,直接点击Browse re...

四小七 ⋅ 05/11 ⋅ 0

利用Vue-cli中的proxyTable解决开发环境的跨域问题

对于前端开发人员来讲,当你在开发环境中与后台开发人员进行数据联调时,总会遇到烦人的跨域问题! 解决跨域的方法有很多种,比如你和后台人员经过友好协商后,你可以通过JSONP的方式或者让后...

张培跃 ⋅ 05/12 ⋅ 0

重学JS(十一)—— 手把手带你跨域

有一天有人跑来跟我定方案,问我cors是什么原理,一脸懵逼,跨域我只知道jsonP啊,眼看一个装逼的机会就要失去了。 “我现在有点忙,待会找你”。 机智的我马上回到工位,百度百度百度。 同源...

闪闪发光的狼 ⋅ 05/27 ⋅ 0

[译]如何优雅地用 Vue 创建数据驱动的用户界面

翻译: 珈蓝 from 迅雷前端 翻译自 Evan Schultz 的文章 Do it with Elegance: How to Create Data-Driven User Interfaces in Vue 本文演示了如何利用 Vue 的动态组件根据 schema 来生成一个...

迅雷前端 ⋅ 06/04 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

iExec Blockchain Marketplace for Cloud

iExec Releases the First-Ever Blockchain Marketplace for Trading Cloud Computing Berlin, Germany, May 29, 2018. iExec has released its blockchain-based decentralized cloud marke......

openthings ⋅ 8分钟前 ⋅ 0

OSChina 周二乱弹 —— 加班的代码不要枉费了我的童子功

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @小小编辑:推荐歌曲《29》- 未完成乐队 《29》- 未完成乐队 手机党少年们想听歌,请使劲儿戳(这里) @FalconChen :#看球提醒# 02:00 巴西v...

小小编辑 ⋅ 27分钟前 ⋅ 11

Docker Swarm的前世今生

概述 在我的《Docker Swarm集群初探》一文中,我们实际体验了Docker Swarm容器集群技术的魅力,与《Kubernetes实践录》一文中提到的Kubernetes集群技术相比,Docker Swarm没有Kubernetes显得...

CodeSheep ⋅ 今天 ⋅ 0

骰子游戏代码开源地址

因为阿里云现在服务器已经停用了,所以上面的配置已经失效。 服务端开源地址:https://gitee.com/goalya/chat4.git 客户端开源地址:https://gitee.com/goalya/client4.git 具体运行界面请参考...

算法之名 ⋅ 今天 ⋅ 0

设计模式--装饰者模式

装饰者模式 定义 动态地给一个对象添加一些额外的职责。就增加功能来说,装饰模式相比生成子类更为灵活。 通用类图 意图 动态地给一个对象添加一些额外的职责。就增加功能来说,装饰模式相比...

gaob2001 ⋅ 今天 ⋅ 0

JavaScript零基础入门——(八)JavaScript的数组

JavaScript零基础入门——(八)JavaScript的数组 欢迎大家回到我们的JavaScript零基础入门,上一节课我们讲了有关JavaScript正则表达式的相关知识点,便于大家更好的对字符串进行处理。这一...

JandenMa ⋅ 今天 ⋅ 0

sbt网络问题解决方案

转自:http://dblab.xmu.edu.cn/blog/maven-network-problem/ cd ~/.sbt/launchers/0.13.9unzip -q ./sbt-launch.jar 修改 vi sbt/sbt.boot.properties 增加一个oschina库地址: [reposit......

狐狸老侠 ⋅ 今天 ⋅ 0

大数据,必须掌握的10项顶级安全技术

我们看到越来越多的数据泄漏事故、勒索软件和其他类型的网络攻击,这使得安全成为一个热门话题。 去年,企业IT面临的威胁仍然处于非常高的水平,每天都会看到媒体报道大量数据泄漏事故和攻击...

p柯西 ⋅ 今天 ⋅ 0

Linux下安装配置Hadoop2.7.6

前提 安装jdk 下载 wget http://mirrors.hust.edu.cn/apache/hadoop/common/hadoop-2.7.6/hadoop-2.7.6.tar.gz 解压 配置 vim /etc/profile # 配置java环境变量 export JAVA_HOME=/opt/jdk1......

晨猫 ⋅ 今天 ⋅ 0

crontab工具介绍

crontab crontab 是一个用于设置周期性被执行的任务工具。 周期性执行的任务列表称为Cron Table crontab(选项)(参数) -e:编辑该用户的计时器设置; -l:列出该用户的计时器设置; -r:删除该...

Linux学习笔记 ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部