前言
這里寫你調用接口的基礎路徑，來解決跨域，如果設置了代理，那你本地開發環境的axios的baseUrl要寫為''，即空字符串
只有一個接口ip端口時
devServer: {
open: false,
// 跨域
proxy: {
'/nuojinadm/': {
target: 'http://192.168.0.11/',
changeOrigin: true
}
}
}
2、設置axios中的baseUrl 與proxy端口一致
baseUrl: {
dev: '/nuojinadm/',
pro: '/nuojinadm/'
}
當有多個ip端口的接口時
devServer: {
open: false,
port: 8801, // 自定義修改8080端口
// 代理跨域
proxy: {
'/proxy1/adm/': {
target: 'http://192.168.0.xx:xxxx/',
changeOrigin: true
},
'/proxy2/adm/': {
target: 'http://192.168.0.xx:xxxx/',
changeOrigin: true
},
'/httpsProxy3/config/': {
target: 'https://xx.xx.com',
secure: false, // https協議才設置
changeOrigin: true
}
}
}
2、設置axios中的baseUrl 設置為空
baseUrl: {
dev: '/',
pro: '/'
}
3、在每個request（axios）頁面中
const proxyxxx= '/xxx/xxx'
export const getBannerList = params => {
return axios.request({
url: `${proxyxxx}/banner/v1/banner/${params.pageSize}/${params.pageNum}`,
params,
method: 'get'
})
}
以上這篇vue - vue.config.js中devServer配置方式就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
