vue下跨域設置的相關介紹

更新時間：2017年08月26日 16:16:12 作者：謝爾斯基托夫

本篇文章主要介紹了vue下跨域設置的相關介紹，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

本文介紹了vue下跨域設置的相關介紹，分享給大家，具體如下:

1、在使用vue開發(fā)的時候經(jīng)常要涉及到跨域的問題，其實在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項目中jsonp跨域獲取qq音樂首頁推薦問題
這篇文章主要介紹了vue項目中jsonp跨域獲取qq音樂首頁推薦問題，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下
2018-05-05
vue.js從安裝到搭建過程詳解
這篇文章主要為大家詳細介紹了vuejs從安裝到搭建的整個過程，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-03-03
Vue腳手架安裝時遇到的無法安裝問題詳解
開發(fā)中遇到bug是在正常不過了,而程序也基本都是bug堆里爬出來的,下面這篇文章主要給大家介紹了關于Vue腳手架安裝時遇到的無法安裝問題的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下
2022-07-07
vue中使用axios固定url請求前綴
這篇文章主要介紹了vue中使用axios固定url請求前綴的實現(xiàn)方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-12-12
VUE 直接通過JS 修改html對象的值導致沒有更新到數(shù)據(jù)中解決方法分析
這篇文章主要介紹了VUE 直接通過JS 修改html對象的值導致沒有更新到數(shù)據(jù)中解決方法,結合實例形式詳細分析了VUE使用JS修改html對象的值導致沒有更新到數(shù)據(jù)的原因與解決方法,需要的朋友可以參考下
2019-12-12
Vue修改Dom不生效的解決
這篇文章主要介紹了Vue修改Dom不生效的解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2023-06-06
在Vue3中為路由Query參數(shù)標注類型的方法
這篇文章主要介紹了在Vue3中如何為路由Query參數(shù)標注類型,我們就針對這個話題如何為路由Query參數(shù)標注類型為例,看看Composable和IOC容器的代碼風格究竟有什么不同,需要的朋友可以參考下
2024-08-08
vue中刷新子組件重新加載子組件三種方法
組件是Vue.js最強大的功能之一,組件可以擴展HTML元素,封裝可重用的代碼,這篇文章主要給大家介紹了關于vue中刷新子組件重新加載子組件三種方法,文中通過代碼介紹的非常詳細,需要的朋友可以參考下
2023-12-12
mpvue 項目初始化及實現(xiàn)授權登錄的實現(xiàn)方法
這篇文章主要介紹了mpvue 項目初始化及實現(xiàn)授權登錄的實現(xiàn)方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2020-07-07
vue組合式API淺顯入門示例詳解
這篇文章主要為大家介紹了vue組合式API淺顯入門示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2023-03-03