Vue的跨域設置
阿新 • • 發佈:2017-11-19
分享 rom es2017 部分 bsp list fig文件 域名 cli
1、在使用vue開發的時候經常要涉及到跨域的問題,其實在vue cli中是有我們設置跨域請求的文件的。
2、當跨域無法請求的時候我們可以修改工程下config文件夾下的index.js中的dev:{}部分。
將target設置為我們需要訪問的域名。
3、然後在main.js中設置全局屬性:
1 Vue.prototype.HOST = ‘/api‘
4、至此,我們就可以在全局使用這個域名了,如下:
1 var url = this.HOST + ‘/movie/in_theaters‘ 2 this.$http.get(url).then(res => { 3 this.movieList = res.data.subjects;4 },res => { 5 console.info(‘調用失敗‘); 6 });
其中,$http指的是在main.js中定義的axios
1 import axios from ‘axios‘ 2 Vue.prototype.$http = axios
參考文章:https://segmentfault.com/a/1190000008629361
Vue的跨域設置