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 相关文章推荐
基于jquery跨浏览器显示的file上传控件
Oct 24 Javascript
原生js拖拽(第一课 未兼容)拖拽思路
Mar 29 Javascript
我的Node.js学习之路(四)--单元测试
Jul 06 Javascript
js实现的类似于asp数据字典的数据类型代码实例
Sep 03 Javascript
Json实现异步请求提交评论无需跳转其他页面
Oct 11 Javascript
jQuery带箭头提示框tooltips插件集锦
Nov 17 Javascript
javascript中setTimeout和setInterval的unref()和ref()用法示例
Nov 26 Javascript
javascript表单验证和Window详解
Dec 11 Javascript
jQuery结合CSS制作漂亮的select下拉菜单
May 03 Javascript
jQuery实现折叠、展开的菜单组效果代码
Sep 16 Javascript
JavaScript脚本判断蜘蛛来源的方法
Sep 22 Javascript
使用JQuery FancyBox插件实现图片展示特效
Nov 16 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 strlen mb_strlen计算中英文混排字符串长度
2009/07/10 PHP
php中将汉字转换成拼音的函数代码
2012/09/08 PHP
深入解析php中的foreach问题
2013/06/30 PHP
php版微信自动登录并获取昵称的方法
2016/09/23 PHP
关于php支持的协议与封装协议总结(推荐)
2017/11/17 PHP
PHP实现字母数字混合验证码功能
2019/07/11 PHP
ThinkPHP5与单元测试PHPUnit使用详解
2020/02/23 PHP
JScript中使用ADODB.Stream判断文件编码的代码
2008/06/09 Javascript
JavaScript 变量基础知识
2009/11/07 Javascript
jquery png 透明解决方案(推荐)
2010/08/21 Javascript
MooBox 基于Mootools的对话框插件
2012/01/20 Javascript
js浮点数精确计算(加、减、乘、除)
2013/12/26 Javascript
js日期联动示例
2014/05/02 Javascript
jquery实现侧边弹出的垂直导航
2014/12/09 Javascript
js实现页面跳转的几种方法小结
2016/05/16 Javascript
利用vue实现模态框组件
2016/12/19 Javascript
利用原生JS与jQuery实现数字线性变化的动画
2017/02/24 Javascript
vue.js或js实现中文A-Z排序的方法
2018/03/08 Javascript
用JS实现根据当前时间随机生成流水号或者订单号
2018/05/31 Javascript
详解Ubuntu安装angular-cli遇到的坑
2018/09/08 Javascript
layer弹出层自定义提交取消按钮的例子
2019/09/10 Javascript
Ant Design Pro 下实现文件下载的实现代码
2019/12/03 Javascript
js实现轮播图效果 纯js实现图片自动切换
2020/08/09 Javascript
Vue router传递参数并解决刷新页面参数丢失问题
2020/12/02 Vue.js
[53:15]Newbee vs Pain 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
举例讲解Python程序与系统shell交互的方式
2015/04/09 Python
Python中使用插入排序算法的简单分析与代码示例
2016/05/04 Python
Python实现冒泡排序的简单应用示例
2017/12/11 Python
详解python中的装饰器
2018/07/10 Python
使用C#编写创建一个线程的代码
2013/01/22 面试题
什么是GWT的Entry Point
2013/08/16 面试题
毕业生求职自荐书范文
2014/03/27 职场文书
中学生运动会口号
2014/06/07 职场文书
汽车维修求职信
2014/06/15 职场文书
2015大学生入党个人自传
2015/06/26 职场文书
Python进程间的通信之语法学习
2022/04/11 Python