vue下跨域设置的相关介绍

本文介绍了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('调用失败');
  });

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

# vue  # 跨域设置  # vue设置跨域  # vue跨域  # 详解在Vue中如何使用axios跨域访问数据  # 详解vue-cli开发环境跨域问题解决方案  # 详解Vue 开发模式下跨域问题  # 详解VueJs前后端分离跨域问题  # vue2 前后端分离项目ajax跨域session问题解决方法  # 详解Vuejs2.0之异步跨域请求  # 是有  # 我们可以  # 给大家  # 涉及到  # 设置为  # 使用这个  # 大家多多  # 就可以  # api  # false  # target  # static  # assetsPublicPath  # proxyTable  # assetsSubDirectory  # pathRewrite  # true  # Sourcemaps  # CSS  # douban 

相关文章： 测试制作网站有哪些,测试性取向的权威测试或者网站？  建站之星下载版如何获取与安装？  定制建站如何定义？其核心优势是什么？  TestNG的testng.xml配置文件怎么写  义乌企业网站制作公司,请问义乌比较好的批发小商品的网站是什么？  哈尔滨网站建设策划,哈尔滨电工证查询网站？  PHP正则匹配日期和时间(时间戳转换)的实例代码  制作网站外包平台,自动化接单网站有哪些？  建站之星代理如何获取技术支持？  制作旅游网站html,怎样注册旅游网站？  寿县云建站：智能SEO优化与多行业模板快速上线指南  c# 在高并发下使用反射发射（Reflection.Emit）的性能  如何在宝塔面板创建新站点？  如何高效配置IIS服务器搭建网站？  如何通过虚拟主机空间快速建站？  建站之星收费标准详解：套餐费用及年费价格表一览  大连网站制作费用,大连新青年网站，五年四班里的视频怎样下载啊？  猪八戒网站制作视频,开发一个猪八戒网站，大约需要多少？或者自己请程序员，需要什么程序员，多少程序员能完成？  电商网站制作多少钱一个,电子商务公司的网站制作费用计入什么科目？  公司网站设计制作厂家,怎么创建自己的一个网站？  建站主机选择指南：服务器配置与SEO优化实战技巧  高端智能建站公司优选：品牌定制与SEO优化一站式服务  如何通过服务器快速搭建网站？完整步骤解析  如何在IIS中配置站点IP、端口及主机头？  如何用美橙互联一键搭建多站合一网站？  建站之星后台密码遗忘如何找回？  如何在云主机上快速搭建多站点网站？  如何在Windows虚拟主机上快速搭建网站？  定制建站流程步骤详解：一站式方案设计与开发指南  北京网页设计制作网站有哪些,继续教育自动播放怎么设置？  如何在云主机上快速搭建网站？  设计网站制作公司有哪些,制作网页教程？  企业宣传片制作网站有哪些,传媒公司怎么找企业宣传片项目？  山东云建站价格为何差异显著？  如何在宝塔面板中创建新站点？  岳西云建站教程与模板下载_一站式快速建站系统操作指南  制作网站软件推荐手机版,如何制作属于自己的手机网站app应用？  如何选择适配移动端的WAP自助建站平台？  网站制作与设计教程,如何制作一个企业网站，建设网站的基本步骤有哪些？  如何在七牛云存储上搭建网站并设置自定义域名？  制作网页的网站有哪些,电脑上怎么做网页？  建站之星CMS建站配置指南：模板选择与SEO优化技巧  实例解析angularjs的filter过滤器  高防网站服务器：DDoS防御与BGP线路的AI智能防护方案  建站VPS配置与SEO优化指南：关键词排名提升策略  开源网站制作软件,开源网站什么意思？  零基础网站服务器架设实战：轻量应用与域名解析配置指南  宝华建站服务条款解析：五站合一功能与SEO优化设置指南  整人网站在线制作软件,整蛊网站退不出去必须要打我是白痴才能出去？  广州顶尖建站服务：企业官网建设与SEO优化一体化方案