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 相关文章推荐
Prototype 1.5.0_rc1 及 Prototype 1.5.0 Pre0小抄本
Sep 22 Javascript
javascript之锁定表格栏位
Jun 29 Javascript
Javascript的构造函数和constructor属性
Jan 09 Javascript
用JS写的一个TableView控件代码
Jan 23 Javascript
JS基于Mootools实现的个性菜单效果代码
Oct 21 Javascript
基于JS实现回到页面顶部的五种写法(从实现到增强)
Sep 03 Javascript
js判断是否为空和typeof的用法(详解)
Oct 07 Javascript
简单理解vue中实例属性vm.$els
Dec 01 Javascript
利用vue.js插入dom节点的方法
Mar 15 Javascript
Vue网页html转换PDF(最低兼容ie10)的思路详解
Aug 24 Javascript
用vue快速开发app的脚手架工具
Jun 11 Javascript
js限制input只能输入有效的数字(第一个不能是小数点)
Sep 28 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采集相关教程之一 CURL函数库
2010/02/15 PHP
php批量删除数据库下指定前缀的表以prefix_为例
2014/08/24 PHP
教你识别简单的免查杀PHP后门
2015/09/13 PHP
WordPress中用于检索模版的相关PHP函数使用解析
2015/12/15 PHP
浅谈laravel中的关联查询with的问题
2019/10/10 PHP
找到一点可怜的关于dojo资料,谢谢作者!
2006/12/06 Javascript
在Javascript中定义对象类别
2006/12/22 Javascript
纯js简单日历实现代码
2013/10/05 Javascript
jquery.idTabs 选项卡使用示例代码
2014/09/03 Javascript
微信小程序 实现拖拽事件监听实例详解
2016/11/16 Javascript
Vue.js学习记录之在元素与template中使用v-if指令实例
2017/06/27 Javascript
你可能不知道的JSON.stringify()详解
2017/08/17 Javascript
微信小程序Getuserinfo解决方案图解
2018/08/24 Javascript
Vue引用Swiper4插件无法重写分页器样式的解决方法
2018/09/27 Javascript
vue element table 表格请求后台排序的方法
2018/09/28 Javascript
详解js访问对象的属性和方法
2018/10/25 Javascript
elementUi vue el-radio 监听选中变化的实例代码
2019/06/28 Javascript
vue 设置 input 为不可以编辑的实现方法
2019/09/19 Javascript
小程序实现上下移动切换位置
2019/09/23 Javascript
webpack3升级到webpack4遇到问题总结
2019/09/30 Javascript
vue.config.js中配置Vue的路径别名的方法
2020/02/11 Javascript
JS pushlet XMLAdapter适配器用法案例解析
2020/10/16 Javascript
vue3.0 项目搭建和使用流程
2021/03/04 Vue.js
python fabric实现远程操作和部署示例
2014/03/25 Python
把csv文件转化为数组及数组的切片方法
2018/07/04 Python
python 实现selenium断言和验证的方法
2019/02/13 Python
Python函数的返回值、匿名函数lambda、filter函数、map函数、reduce函数用法实例分析
2019/12/26 Python
Paul’s Boutique官网:英国时尚手袋品牌
2018/03/31 全球购物
美术国培研修感言
2014/02/12 职场文书
2014年3.15团委活动总结
2014/03/16 职场文书
2014年部门工作总结
2014/11/12 职场文书
2014年宣传部工作总结
2014/11/12 职场文书
初中毕业感言300字
2015/07/31 职场文书
《所见》教学反思
2016/02/23 职场文书
高中16字霸气押韵班级口号集锦!
2019/06/27 职场文书
导游词之天津盘山
2019/11/01 职场文书