vue3配置跨域

2021-10-05 06:55:44 字數 642 閱讀 2154

在根目錄下建立vue.config.js

module.exports = 

}

那怎麼請求呢?

axios.get('hello').then(res=>{})//請求的介面不要接上伺服器網域名稱,這樣就會自動請求vue腳手架伺服器(node伺服器),所以node伺服器就是作為**伺服器,從而處理了跨域問題
以下localhost:8080就是vue腳手架伺服器,也就是**伺服器

那在封裝的axios中怎麼使用呢?

let baseurl = 'tp&btr/public/'

axios.defaults.baseurl = baseurl

this.$http.get('hello').then(res=>{})//也就是說這裡的完整路徑為http://localhost:8080/tp&btr/public/hello
可能沒封裝過axios的你還看不懂,沒關係,看看下面的axios是怎麼封裝的吧

axios封裝:

vue3 插槽作用域的使用

當我們在父元件定義了乙個陣列,data 想把它傳到子元件處理後 props 通過插槽的方式再傳送回父元件 template v for item,index in names key item slot slot template 在父元件對子元件中處理過的資料進行使用時,比如說我們想要在父元件想使...

vue配置解決跨域問題

我們在使用vue時,經常要遇到跨域的問題,其實這個問題很好解決,只需我們在vue cli中配置一下即可。實現跨越請求 在config資料夾下找到index.js proxytable 然後在main.js中我們還要進行配置一下 vue.prototype.host baidu music api 哦...

vue專案的跨域配置

使用vuecli webpack進行專案開發時,遇到了需要跨域訪問的情況,這裡簡單記錄一下前端的跨域配置,如下 1 配置本地 修改config資料夾下的index.js檔案中的dev下的proxytable屬性,如下 dev host localhost port 8080 autoopenbrow...