成都市代驾微信小程序_vue下跨域设置的相关介绍

摘要: vue下跨域设定的有关详细介绍 1、在应用vue开发设计的情况下常常要涉及到到跨域的难题,实际上在vue cli中是有大家设定跨域恳求的文档的。2、当跨域没法恳求的情况下大家能够...

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: 'v2',
 changeOrigin: true,
 pathRewrite: {
 '^/api': ''
 // CSS Sourcema凡科抠图 off by default because relative paths are "buggy"
 // with this option, according to the CSS-Loader README
 // (webpack/css-loader#sourcema凡科抠图)
 // 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 = {
 ('调用失败');
 });

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




联系我们

全国服务热线:4000-399-000 公司邮箱:343111187@qq.com

  工作日 9:00-18:00

关注我们

官网公众号

官网公众号

Copyright?2020 广州凡科互联网科技股份有限公司 版权所有 粤ICP备10235580号 客服热线 18720358503

技术支持:自助建站