1. 程式人生 > >Vue的跨域設置

Vue的跨域設置

分享 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的跨域設置