vue下跨域设置的相关介绍


Posted in Javascript onAugust 26, 2017

本文介绍了vue下跨域设置的相关介绍,分享给大家,具体如下:

1、在使用vue开发的时候经常要涉及到跨域的问题,其实在vue cli中是有我们设置跨域请求的文件的。

2、当跨域无法请求的时候我们可以修改工程下config文件夹下的index.js中的dev:{}部分。

dev: {

  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('调用失败');
  });

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript For Beginners(转载)
Jan 05 Javascript
jQuery中创建实例与原型继承揭秘
Dec 21 Javascript
jquery高效反选具体实现
May 05 Javascript
js数值和和字符串进行转换时可以对不同进制进行操作
Mar 05 Javascript
深入解读JavaScript中的Hoisting机制
Aug 12 Javascript
浅析JavaScript中的变量复制、参数传递和作用域链
Jan 13 Javascript
Angular 应用技巧总结
Sep 14 Javascript
jQuery插件HighCharts绘制2D金字塔图效果示例【附demo源码下载】
Mar 09 Javascript
Javascript调试之console对象——你不知道的一些小技巧
Jul 10 Javascript
微信小程序实现自定义picker选择器弹窗内容
May 26 Javascript
vue 内置过滤器的使用总结(附加自定义过滤器)
Dec 11 Javascript
vue实现的微信机器人聊天功能案例【附源码下载】
Feb 18 Javascript
客户端(vue框架)与服务器(koa框架)通信及服务器跨域配置详解
Aug 26 #Javascript
微信小程序实现顶部普通选项卡效果(非swiper)
Jun 19 #Javascript
微信小程序实现顶部选项卡(swiper)
Jun 19 #Javascript
js实现本地时间同步功能
Aug 26 #Javascript
基于jQuery实现图片推拉门动画效果的两种方法
Aug 26 #jQuery
Javascript快速实现浏览器系统通知
Aug 26 #Javascript
深入浅出es6模板字符串
Aug 26 #Javascript
You might like
PHP 获取文件路径(灵活应用__FILE__)
2013/02/15 PHP
yii添删改查实例
2015/11/16 PHP
PHP6新特性分析
2016/03/03 PHP
[对联广告] JS脚本类
2006/08/27 Javascript
发一个自己用JS写的实用看图工具实现代码
2008/07/26 Javascript
js 实现图片预加载(js操作 Image对象属性complete ,事件onload 异步加载图片)
2011/03/25 Javascript
jQuery Ajax请求状态管理器打包
2012/05/03 Javascript
时间戳转换为时间 年月日时间的JS函数
2013/08/19 Javascript
node.js中的http.get方法使用说明
2014/12/14 Javascript
javascript中scrollTop详解
2015/04/13 Javascript
javascript编写贪吃蛇游戏
2015/07/07 Javascript
详解Bootstrap四种图片样式
2016/01/04 Javascript
JS实现将Asp.Net的DateTime Json类型转换为标准时间的方法
2016/08/02 Javascript
jQuery读取XML文件的方法示例
2017/02/03 Javascript
静态页面实现 include 引入公用代码的示例
2017/09/25 Javascript
Vue-CLI3.x 设置反向代理的方法
2018/12/06 Javascript
[08:08]DOTA2-DPC中国联赛2月28日Recap集锦
2021/03/11 DOTA
python实现猜数字游戏(无重复数字)示例分享
2014/03/29 Python
Python生成随机验证码的两种方法
2015/12/22 Python
Python中str.format()详解
2017/03/12 Python
python 文件查找及内容匹配方法
2018/10/25 Python
Python中is和==的区别详解
2018/11/15 Python
详解Python中的各种转义符\n\r\t
2019/07/10 Python
Python3离线安装Requests模块问题
2019/10/13 Python
pytorch 自定义参数不更新方式
2020/01/06 Python
检测用户浏览器是否支持CSS3的方法
2009/08/29 HTML / CSS
深深扎根运动世界的生活品牌:Tillys
2017/10/30 全球购物
意大利在线眼镜精品店:Ottica Lipari
2019/11/11 全球购物
法律专业推荐信范文
2013/11/29 职场文书
应聘护理专业毕业自荐书范文
2014/02/12 职场文书
应届毕业生自荐信例文
2014/02/26 职场文书
餐饮业员工工作决心书
2014/03/11 职场文书
领导批评与自我批评范文
2014/10/16 职场文书
上下班时间调整通知
2015/04/23 职场文书
2015年电信员工工作总结
2015/05/26 职场文书
python可视化大屏库big_screen示例详解
2021/11/23 Python